Skip to content

Commit

Permalink
update link
Browse files Browse the repository at this point in the history
  • Loading branch information
seungmi committed Sep 24, 2019
1 parent b386bac commit 1706bb5
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 34 deletions.
12 changes: 3 additions & 9 deletions 002_02_basic_top_toolbar.rst
Original file line number Diff line number Diff line change
@@ -1,16 +1,10 @@
.. _Command : #id1
.. _Tab Menu : #id2
.. _Stage : #id3
.. _Scenario Mode : ./advanced_scenario_mode.html


Top Toolbar
===========


.. thumbnail:: resource_new/top_toolbar.png

**Top Toolbar** contains `Command`_ / `Tab Menu`_ / `Stage`_ area.
**Top Toolbar** contains :ref:`Command` / :ref:`Tab Menu` / :ref:`Stage` area.


----------
Expand All @@ -27,7 +21,7 @@ Command Area consists of project-level features.
* ``Build Button`` : Generates HTML & CSS & JS files based on IU Project.
* ``Server Stop Button`` : Stops the local host server.
* ``Select Build-Type Button`` : Select Build-Type to Build. (HTML or Django)
* ``Scenario / Edit Mode Toggle Button`` : Switches Edit Mode to `Scenario Mode`_ and vice versa.
* ``Scenario / Edit Mode Toggle Button`` : Switches Edit Mode to:doc:`Scenario Mode<advanced_scenario_mode>` and vice versa.



Expand Down Expand Up @@ -56,7 +50,7 @@ Tab Menu area consists of 6 tabs - **Style/ Property/ Text/ Transform/ Mouse-Ove

.. thumbnail:: resource_new/text_tab.png

* ``Text Tab`` : In Text Tab, you can modify **Font-family / Font-size / Font-weight (thinkness) / Font-color / Line-height / Heading / Font-alignment**.
* ``Text Tab`` : In Text Tab, you can modify **Font-family / Font-size / Font-weight (thickness) / Font-color / Line-height / Heading / Font-alignment**.



Expand Down
19 changes: 5 additions & 14 deletions 002_03_basic_mid_toolbar.rst
Original file line number Diff line number Diff line change
@@ -1,18 +1,9 @@
.. _Go To Widget Property: ./widget_basic.html

.. _Widgets : #id1
.. _Position : #id2
.. _Frame : #id3
.. _Align : #id4
.. _Background-Color : #id5


Middle Toolbar
==============

.. thumbnail:: resource_new/mid_toolbar.png

Middle Toolbar is placed at the top of canvas and contains `Page Capture`_ / `Position`_ / `Frame`_ / `Background-Color`_ / `Show/Hide Widget Button`_ area.
Middle Toolbar is placed at the top of canvas and contains :ref:`Page Capture` / :ref:`Position` / :ref:`Frame` / :ref:`Background-Color` / :doc:`Show/Hide Widget Button<002_04_basic_widget>` area.


----------
Expand All @@ -22,7 +13,7 @@ Middle Toolbar is placed at the top of canvas and contains `Page Capture`_ / `Po
Page Capture
-------

Captures the current page and adds custom thumnail in **Prototype Mode**.
Captures the current page and adds custom thumbnail in **Prototype Mode**.


----------
Expand All @@ -37,10 +28,10 @@ Position area consists of **Position/ Align options/ Input fields/ Stepper for X

* ``Position`` : Select position from select - **Absolute/ Relative/ Fixed**.
* ``Sub Position`` : Select sub position from select.
* ``Allign Button`` : Consists of **align vertical center** and **align horizontal center** buttons and **align multiple element** button.
* ``Align Button`` : Consists of **align vertical center** and **align horizontal center** buttons and **align multiple element** button.
* ``Position Setting Popup (Down Arrow)`` : You can change **fixed center position, overflow, z-index** properties.
* ``X posiition input field & stepper`` : You can change **X** value by typing value into text field or clicking stepper. (px or %)
* ``Y posiition input field & stepper`` : You can change **Y** value by typing value into text field or clicking stepper. (px or %)
* ``X position input field & stepper`` : You can change **X** value by typing value into text field or clicking stepper. (px or %)
* ``Y position input field & stepper`` : You can change **Y** value by typing value into text field or clicking stepper. (px or %)


----------
Expand Down
14 changes: 3 additions & 11 deletions 002_04_basic_widget.rst
Original file line number Diff line number Diff line change
@@ -1,15 +1,7 @@
.. _Go To Widget Property: ./widget_basic.html
.. _Go To Manage Custom Widgets Panel: ./panel_management_widget.html
.. _IU Widget: #iu-widgets
.. _Custom Widget: #custom-widgets
.. _Manage Custom Widget: ./panel_management_widget.html



Widget Panel
==========

Widget toolbar is at the right side of canvas. Open and close **Wiget Panel** with **Show/Hide Widget Button** in the middle tool bar. Widget panel consists of `IU Widget`_ / `Custom Widget`_ tab.
Widget toolbar is at the right side of canvas. Open and close **Widget Panel** with **Show/Hide Widget Button** in the middle tool bar. Widget panel consists of :ref:`IU Widget` / :ref:`Custom Widget` tab.


----------
Expand All @@ -22,7 +14,7 @@ IU Widget

In IU WIDGET tab, all available widgets in IUEditor will be shown. Fundamental elements including **Box / Text / Image / Static Image / Cell** widgets and other various widgets used in a web page are offered. All the provided widgets are divided into Base, Complex, Programming groups. You can see the detailed information of each widget by **right-clicking** the widget.

`Go To Widget Property`_
:doc:`Go To Widget Property<007_01_widget_basic>`.

----------

Expand All @@ -39,4 +31,4 @@ In CUSTOM WIDGETS tab, custom widgets imported by **Import Button** (Window> Man
* ``Search Field`` : Search custom widget library by name or tag.
* ``Zoom in/Zoom out Button`` : Zoom in or out custom widget library.

`Go To Manage Custom Widgets Panel`_
:doc:`Go To Manage Custom Widgets Panel<004_05_panel_manage_custom>`.

0 comments on commit 1706bb5

Please sign in to comment.