Top Toolbar


Top Toolbar contains Command / Tab Menu / Stage area.



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.

Tab Menu

Tab Menu area consists of 6 tabs - Style/ Property/ Text/ Transform/ Mouse-Over/ and Link.

  • Style Tab : In Style Tab, you can modify Radius / Border / Background-Image / Box-Shadow / Opacity.

  • Property Tab : In Property Tab, you can set & change properties of each widget. Each widget has individual property options.

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

  • Transform Tab : In Transform Tab, you can modify Rotation property.

  • Mouse-Over Tab : In Mouse-Over Tab, you can add Mouse-Over actions to each widget. (e.g. BG-color, Text-color, X-position, Y-position, width, height, BG-image position, …)

  • Link Tab : In Link Tab, you can add Hyperlink to a certain widget.



  • Fixed Widget Show / Hide Button : Switches show to hide Fixed Widgets.

  • Tracing : Adds virtual background image into your canvas, so that you can create design quickly.

  • Page Setting : Modifies current page’s Page Width and Media Query.

  • Zoom : Applies Zoom-In / Out to IUEditor’s canvas.