Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
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 && 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 && 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 && 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 && 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 && 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 && 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>
is working on a reply...
Write your reply to:
Upload image
Image will be uploaded when post is submitted
Backoffice action icons missing from 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:
Block Grid Editor:
is working on a reply...