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>
    
Please Sign in or register to post replies

Write your reply to:

Draft