November Happy Hour will be moved to Thursday December 5th.

AI OnAI Off

Display option icons not showing

A
A
Vote:
 

I am following the episerver documentation to add display width options to blocks.

https://world.episerver.com/documentation/developer-guides/CMS/rendering/display-options/

When go to add a width to a block the icons are missing for each width, why?

#199002
Edited, Nov 13, 2018 0:09
Matt Laverton
Matt Laverton
Vote:
 

Have you checked to make sure the images you are referencing (epi-icon__layout--full for example) exist and are referenced correctly?

Are you working with the sample site or have you created your own site?

EDIT: There should be a png called layoutIcons24x24 under "Client Resources > Images > icons" if using the example site and default icons.

#199007
Edited, Nov 13, 2018 9:55
A
A
Vote:
 

@Matt, 

I'm assuming the icons are added through the class, and sense this is built-in epi functionality i would expect the classes provided in the documentation to be part of the epi css.

#199030
Nov 13, 2018 19:12
Matt Laverton
Matt Laverton
Vote:
 

So there is the css class "LayoutIcons.css" which references "../Images/Icons/layoutIcons24x24.png" as the image source which is the sprite sheet for these icons. (At least this is the case in the Episerver Alloy Template).

Can you double check that you have both the LayoutIcons.css and layoutIcons24x24.png files, and if these are in place that they are referenced correctly where appropriate.

#199059
Nov 14, 2018 12:29
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.