Skip to content

Commit

Permalink
Update basic_middle_toolbar.rst
Browse files Browse the repository at this point in the history
  • Loading branch information
jiyoungkim2 committed Dec 16, 2015
1 parent 8cfcd25 commit 831da42
Showing 1 changed file with 13 additions and 20 deletions.
33 changes: 13 additions & 20 deletions basic_middle_toolbar.rst
Original file line number Diff line number Diff line change
Expand Up @@ -12,25 +12,17 @@ Middle Toolbar

.. image:: resource/iu_manual_middle_toolbar.png

Middle Toolbar is placed top of Canvas and contains `Widgets`_ / `Position`_ / `Frame`_ / `Align`_ / `Background-Color`_ area.
Middle Toolbar is placed top of Canvas and contains `Page Capture`_ / `Position`_ / `Frame`_ / `Background-Color`_ / `Show/Hide Widget Button`_ area.


----------



Widgets
Page Capture
-------

Widget area consists of Widgets ( **Basic , Complex , Programming** ).

You can add widget to canvas by following steps below :

1. Activate widget by clicking widget icons.
2. Click & drag on IUEditor's canvas.


`Go To Widget Property`_
Screen capture current page and add custom thumnail in **Prototype Mode**.


----------
Expand All @@ -40,12 +32,15 @@ You can add widget to canvas by following steps below :
Position
--------

Position area consists of **input fields & stepper for X & Y position** .
Position area consists of **Position & Align & input fields & stepper for X & Y position** .


* ``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.
* ``Position Setting Popup`` : You can change **fixed center position, overflow, z-index** properties.
* ``X posiition input field & Stepper`` : You can change **X** value by typing value into textfield or clicking stepper. (px or %)
* ``Y posiition input field & Stepper`` : You can change **Y** value by typing value into textfield or clicking stepper. (px or %)
* ``Position Setting Popup`` : You can change **position, overflow, z-index** properties.


----------
Expand All @@ -64,18 +59,16 @@ Frame area consists of **input fields & stepper for width & height value** .
----------


Align
-----

Align area consists of **align vertical center** and **align horizontal center** buttons.
Background Color
----------------

.. note:: **align vertical center** button will apply only **Position : Absolute** widgets.
Background Color area consists of **set background color button, set gradient popup** . You can change background color or gradient to selected widget.


----------


Background Color
Show/Hide Widget Button
----------------

Background Color area consists of **set background color button, set gradient popup** . You can change background color or gradient to selected widget.
Show and Hide widget list.

0 comments on commit 831da42

Please sign in to comment.