Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
127 lines (89 sloc) 2.51 KB

Developer View

Developer view is a panel where you can view and modify the code applied to the design or modify the code of the project. You can open the developer mode panel via the view menu.

/_static/developer/dev_screen.png

You can add code in the left panel and see the preview code in the right panel by clicking preview code button.

ID & Class

.. thumbnail:: /_static/developer/dev_01.png
    :width: 100%
    :group: developer
    :title: ID & Class

You can change a Html ID and add classes.

Attribute

.. thumbnail:: /_static/developer/dev_02.png
    :width: 100%
    :group: developer
    :title: Attribute

Inline style code

.. thumbnail:: /_static/developer/dev_03.png
    :width: 100%
    :group: developer
    :title: Inline style code

<!-- Result -->
<div style="color:blue; background-color:lightblue;"></div>

Comment before element

.. thumbnail:: /_static/developer/dev_04.png
    :width: 100%
    :group: developer
    :title: Comment before element

Comment after element

.. thumbnail:: /_static/developer/dev_05.png
    :width: 100%
    :group: developer
    :title: Comment after element


Widgets

HTML

.. thumbnail:: /_static/developer/dev_html_new.png
    :width: 100%
    :group: developer
    :title: HTML code

You can change html code directly.

SVG

.. thumbnail:: /_static/developer/dev_svg_new.png
    :width: 100%
    :group: developer
    :title: SVG code

You can change svg code directly.

You can’t perform that action at this time.