Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Steve A 2 posts 72 karma points
    Jun 06, 2023 @ 22:05
    Steve A
    0

    Backoffice action icons missing from block grid editor

    A content node view in backoffice with action icons appearing for a media picker, but not for a block grid editor

    In BackOffice (11.4.0), action icons are not appearing for the block grid editor, but do appear for a media picker. Any idea why?

    The HTML and CSS seem to be correct.

    Media Picker:

    <div class="__actions ng-scope">
        <!-- ngIf: vm.supportCopy -->
        <button ng-if="vm.supportCopy" type="button" class="btn-reset __action umb-outline ng-scope" localize="title" ng-click="vm.copyMedia(media); $event.stopPropagation();" title="Copy">
            <span aria-hidden="true" class="icon umb-icon ng-isolate-scope" icon="icon-documents">
                <span class="umb-icon__inner icon-documents">
                    <ng-transclude>
                        <!-- ngIf: svgString -->
                        <!-- ngIf: !svgString && icon -->
                        <i ng-if="!svgString &amp;&amp; icon" class="icon-documents"></i>
                        <!-- end ngIf: !svgString && icon -->
                    </ng-transclude>
                </span>
            </span>
        </button>
        <!-- end ngIf: vm.supportCopy -->
        <!-- ngIf: vm.allowRemoveMedia -->
        <button ng-if="vm.allowRemoveMedia" type="button" class="btn-reset __action umb-outline ng-scope" localize="title" ng-click="vm.removeMedia(media); $event.stopPropagation();" title="Remove">
            <span aria-hidden="true" class="icon umb-icon ng-isolate-scope" icon="icon-trash">
                <span class="umb-icon__inner icon-trash">
                    <ng-transclude>
                        <!-- ngIf: svgString -->
                        <!-- ngIf: !svgString && icon -->
                        <i ng-if="!svgString &amp;&amp; icon" class="icon-trash"></i>
                        <!-- end ngIf: !svgString && icon -->
                    </ng-transclude>
                </span>
            </span>
        </button>
        <!-- end ngIf: vm.allowRemoveMedia -->
    </div>
    

    Block Grid Editor:

    <div class="umb-block-grid__block--actions">
        <!-- ngIf: vm.layoutEntry.$block.showContent === true -->
        <button type="button" class="btn-reset umb-outline action --content ng-scope" localize="title" ng-click="vm.blockEditorApi.editBlock(vm.layoutEntry.$block, false, vm.index, vm.blockForm);" ng-class="{ '--error': vm.blockForm.$error.valServerMatchContent }" ng-if="vm.layoutEntry.$block.showContent === true" title="Edit content">
            <span aria-hidden="true" class="icon umb-icon ng-isolate-scope" icon="icon-edit">
                <span class="umb-icon__inner icon-edit">
                    <ng-transclude>
                        <!-- ngIf: svgString -->
                        <!-- ngIf: !svgString && icon -->
                        <i ng-if="!svgString &amp;&amp; icon" class="icon-edit"></i>
                        <!-- end ngIf: !svgString && icon -->
                    </ng-transclude>
                </span>
            </span>
        <span class="sr-only">
                <localize key="general_content" class="ng-isolate-scope">Content</localize>
            </span>
            <div class="__error-badge">!</div>
        </button>
        <!-- end ngIf: vm.layoutEntry.$block.showContent === true -->
        <!-- ngIf: vm.layoutEntry.$block.showSettings === true -->
        <button type="button" class="btn-reset umb-outline action --settings ng-scope" localize="title" ng-click="vm.blockEditorApi.openSettingsForBlock(vm.layoutEntry.$block, vm.index, vm.blockForm);" ng-class="{ '--error': vm.blockForm.$error.valServerMatchSettings }" ng-if="vm.layoutEntry.$block.showSettings === true" title="Edit settings">
            <span aria-hidden="true" class="icon umb-icon ng-isolate-scope" icon="icon-settings">
                <span class="umb-icon__inner icon-settings">
                    <ng-transclude>
                        <!-- ngIf: svgString -->
                        <!-- ngIf: !svgString && icon -->
                        <i ng-if="!svgString &amp;&amp; icon" class="icon-settings"></i>
                        <!-- end ngIf: !svgString && icon -->
                    </ng-transclude>
                </span>
            </span>
            <span class="sr-only">
                <localize key="general_settings" class="ng-isolate-scope">Settings</localize>
            </span> <div class="__error-badge">!</div>
        </button>
        <!-- end ngIf: vm.layoutEntry.$block.showSettings === true -->
        <!-- ngIf: vm.layoutEntry.$block.showCopy === true -->
        <button type="button" class="btn-reset umb-outline action --copy ng-scope" localize="title" ng-click="vm.blockEditorApi.copyBlock(vm.layoutEntry.$block);" ng-if="vm.layoutEntry.$block.showCopy === true" title="Copy"> <span aria-hidden="true" class="icon umb-icon ng-isolate-scope" icon="icon-documents"> <span class="umb-icon__inner icon-documents"> <ng-transclude> <!-- ngIf: svgString --> <!-- ngIf: !svgString && icon --><i ng-if="!svgString &amp;&amp; icon" class="icon-documents"></i><!-- end ngIf: !svgString && icon --> </ng-transclude> </span> </span> <span class="sr-only"> <localize key="general_copy" class="ng-isolate-scope">Copy</localize> </span> </button><!-- end ngIf: vm.layoutEntry.$block.showCopy === true --> <!-- ngIf: !vm.blockEditorApi.readonly --><button ng-if="!vm.blockEditorApi.readonly" type="button" class="btn-reset umb-outline action --delete ng-scope" localize="title" ng-click="vm.blockEditorApi.requestDeleteBlock(vm.layoutEntry.$block);" title="Delete">
            <span aria-hidden="true" class="icon umb-icon ng-isolate-scope" icon="icon-trash">
                <span class="umb-icon__inner icon-trash">
                    <ng-transclude>
                        <!-- ngIf: svgString -->
                        <!-- ngIf: !svgString && icon -->
                        <i ng-if="!svgString &amp;&amp; icon" class="icon-trash"></i>
                        <!-- end ngIf: !svgString && icon -->
                    </ng-transclude>
                </span>
            </span>
            <span class="sr-only">
                <localize key="general_delete" class="ng-isolate-scope">Delete</localize>
            </span>
        </button>
        <!-- end ngIf: !vm.blockEditorApi.readonly -->
    </div>
    
  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies