Custom icons in page tree

Vote:
 

Hi! I've made a UIDescriptor for container pages that uses the class ContentTypeCssClassNames.Container to render the container icon in the page tree in edit mode. Now I want to do the same for another page type with a custom jpg file as icon. I can't find anywhere to specify this path so I guess I'll have to load a css file and then point to the correct class in the UIDescriptor file, but how do I load my custom css file in edit mode?

Regards Christer

#80875
Feb 04, 2014 10:16
Vote:
 
#80877
Feb 04, 2014 10:27
Vote:
 

Thanks! It took some time to figure out that the path is relative to ClientResources but now it works like a charm!

#80886
Feb 04, 2014 13:08
Vote:
 

I fail to see the connection between adding new device in view dropdown with replacing default tree icons with custom ones? Can you please clarify a bit?

#81211
Feb 11, 2014 17:06
Vote:
 

It was the part about adding the displayresolutions.css to clientResources that I could use for my own style sheet, ie this code:

<clientResources>
    <add name="epi.cms.widgets.base" path="Styles/displayresolutions.css"
resourceType
="Style" isMinified="false" />
</clientResources>

#81233
Feb 12, 2014 10:05
Vote:
 

The blog post about display resolutions explains how you can load a custom css file to the user interface. This can be used to add custom classes/icons for both display resolutions and content icons.

#81234
Feb 12, 2014 10:07
Vote:
 

Thanx for the reply. I got that part so far. There is one thing that puzzles me though. The module.config and ClientResources exist on at least 3 locations within Modules, ModuleRepository, somewhere in Shell.

Where exactly to add custom .css file and which exactly module.config to use to register new .css?

#81236
Feb 12, 2014 10:16
Vote:
 

You should add the css declaration to one of your own module.config files. If you look at the Alloy sample packages (both Web Forms and MVC) there is a client module in both projects with a module.config file placed in the root directory. Both JavaScript and Style sheets should be placed in the ClientResources folder for this module (check the registration for Styles/Styles.css).

#81453
Feb 17, 2014 16:35
This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.