Create HTML5-Based Mobile-Friendly Interactive Floor Plans and Maps
FLDraw Interactive Floor Plan Software  >  User Guide  >  Area Properties Dialog Box

Area Properties Dialog Box

This dialog box allows you to customize a fill area.

Type Tab
Interactive Floor Plan Software - Fill Properties Dialog Box / Tab 1
  1. Allows you to choose the pattern category.
  2. Displays the available patterns for the selected category.
  3. Displays a preview of the fill area with the changed properties applied.
  4. Allows you to rotate the pattern.
  5. Allows you to scale the pattern.
  6. Flips the pattern horizontally.
  7. Flips the pattern vertically.
Note
For the Transparent type:
The Colors tab is disabled.
 
For the Solid type:
The Colors tab is disabled, and you can change the fill colors (the Default, Over and Down states) by using the color buttons below the preview box.    Color Button

 

Label Tab
Interactive Floor Plan Software - Fill Properties Dialog Box / Tab 2
  1. Allows you to specify a name for the fill area.
  2. Specifies whether to show or hide the size of the fill area.
  3. Specifies the text format for the label.
  4. Specifies the rotation angle of the label.
  5. Displays a preview of the label with the changed properties applied.

 

Colors Tab
Interactive Floor Plan Software - Fill Properties Dialog Box / Tab 3
  1. Displays the available preset sample colors for the selected pattern to help you get started.
  2. This section lets you change the colors for the selected pattern.
    Click a color button to open the Color Chooser dialog box, which allows you to change the selected color.
  3. Displays a preview of the pattern using the new colors.

 

Events Tab
Interactive Floor Plan Software - Fill Properties Dialog Box / Tab 4
  1. Specifies whether the fill area element should receive mouse/touch events.
  2. Allows you to specify what to do when users move the mouse pointer over the fill area element:
    1. Tooltip: Display a tooltip box.
    2. Info Box (Text): Display a text-only info box.
    3. Info Box (Image): Display an image-only info box.
    4. Pop-up Box: Display a custom pop-up box.
    5. HTML Pop-up Box: Display an HTML pop-up box.
  3. Allows you to specify what to do when users click on the fill area element:
    1. Info Box (Text): Display a text-only info box.
    2. Info Box (Image): Display an image-only info box.
    3. Pop-up Box: Display a custom pop-up box.
    4. HTML Pop-up Box: Display an HTML pop-up box.
    5. Link: Open a URL.
    6. JavaScript Function: Call a JavaScript function.
    7. Pan & Zoom: Pan and change the zoom factor.
Copyright © 2010-2016  FLDraw.com. All Rights Reserved.