Component Icons

Missing icons

Problem:

The icon for editing a component has disappeared.

Fix:

There are two flavours of Component icons - Editable [] and non-editable []. The editable type offer End Users an icon to click on to edit - through the Component Editor - the content of that area of the site. The non-editable icon serves no purpose to End Users, but both offer a different facility to developers; rolling over an icon displays a tool tip that states the component name and the snippet that is referenced by the component.

Sometimes, icons go missing from, or move around, the screen. This is normally due to a mixture, or combination of, no content and css div placement. In both cases, populating the component should fix the issue. Two other techniques to minimise this problem are:

1. Add height and/or width attributes to the Component script so that the element takes up some virtual space on the page.

2. Leave as many DIV tags as you can in a Layout and try to place into a Snippet only the bare essential code.