Modify Published Enterprise Graphics for Self-Service Users

You may manually modify published enterprise graphics files (SVG) to improve their appearance for self-service users. Below are the instructions to modify appearance attributes such as wall thickness and color, text font and color, and opacity of furniture and equipment. In addition, instructions explain how to remove published drawing layers that self-service users do not necessarily need.

  1. Open published SVG file in XML-friendly text editor, such as Notepad++.
  2. Modify wall thickness and color.

    Search "rm-assets" to find its CSS class name:

    mpg1.png

    Search "rm-assets" to find its CSS definition:

    mpg2.png

    Change its stroke and stroke-width:

    mpg3.png

    Save and review the change in Chrome.

    Before:

    mpg4.png

    After:

    mpg5.png

  3. Modify text font and color.

    Search target texts by keyword such as "AUDITORIUM" to find its group element:

    mpg6.png

    Change font and color with style attribute:

    mpg7.png

    Save and review the change in Chrome.

    Before (invisible):

    mpg8.png

    After:

    mpg9.png

  4. Change the opacity of furniture and equipment.

    Search furniture by keyword "furn" to find its CSS definition:

    mpg10.png

    Add stroke-opacity:

    mpg11.png

    Search equipment by keyword “equip” to find its CSS class definition:

    mpg12.png

    Add stroke-opacity:

    mpg13.png

    Save and review the change in Chrome.

    Before:

    mpg14.png

    After:

    mpg15.png

  5. Remove some published drawing layers.

    Open http://localhost:8080/archibus/schem...ol-layers.axvw .

    Open target floor plan:

    mpg16.png

    Select expected layers, and click Reload :

    mpg17.png

    When the layout is as expected, mouse-right click to inspect the SVG. In console, select SVG content, and copy it as the updated floor plan:

    mpg18.png

    Save and review the updated floor plan in Chrome.

    Original:

    mpg19.png

    Updated:

    mpg20.png