You have created a new component, but it doesn’t appear on the page.
Check Your Settings
Component settings:
- enabled is checked
- always include is checked if appropriate
- component is set to correct section and screen
- Illustrator file matches the name of the Illustrator file
Page settings:
- default components is checked (in More Settings) or
- correct component is selected under components
Illustrator settings:
- the artboard name matches the correct screen code
- the correct SVG file should be in
SYNC/Svija/SVG Files - the SVG file should be named Illustratorfile_screencode.svg
- try Check & Repair to find errors
Check the Page Source
You can see view the page source to see if the SVG file is supposed to be included in the page according to your settings, and if it is actually in the page.
- load the web page
- enable Developer Tools (Safari only)
Settings › Advanced › Show Develop menu in menu bar - control-click or right-click on page and choose View Source or Show Source
- search for the word missing or
- search for <svg
Case 1: the SVG File is listed as missing
If the SVG file is missing, there will be a note in the page source that it is missing:
<!-- missing svg: /SYNC/Svija/SVG Files/Graphics_cp.svg -->
If this is the case:
- verify that the name of the Illustrator file in the component settings matches the real Illustrator file
- verify that the artboard name matches the screen code of the given page
- capitalization matters
Case 2: the SVG File is Included
If the Illustrator file is present in the source code but not showing up on the page, then there are two possibilities:
- it is positioned beyond the edge of the page, where it is not visible
- there is no visible content in the component
To see if it is positioned off the side of the page, try changing the position settings in the component settings (floating vs. attached, pixel offset etc.).
To check if the component has visible content, create a new layer and draw a filled rectangle in the middle of the artboard, then resave the component.
Case 3: the SVG File is neither Included or missing
If the SVG file is not included and there is no note that it is missing, then there is a problem with the parameters of the component — according to your settings, it is not supposed to be included.
You can either include the component by checking always include in its settings, or by adding it under components in page settings.
Remember to verify if default components is checked in page settings › other settings. This will affect whether always include components will be included.
keywords: my, default, included, component, module, broken, missing, doesn’t show up, not visible, can’t find, don’t see