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

Object Properties Dialog Box

This dialog box allows you to customize an object and change its properties.

Size Tab
Interactive Floor Plan Software - Object Properties Dialog Box / Tab 1
  1. Specifies the width of the object.
  2. Specifies the height of the object.
  3. Keeps the original height and width proportion.
  4. Specifies the rotation angle of the object.
  5. Flips the object horizontally.
  6. Flips the object vertically.
  7. Specifies the edge that will snap to walls.
  8. Displays a preview of the object with the changed properties applied.

 

Samples Tab
Interactive Floor Plan Software - Object Properties Dialog Box / Tab 2
  1. Displays the available preset samples for the object, to help you get started.
  2. Displays a preview of the object with the changed properties applied.

 

Styles Tab
Interactive Floor Plan Software - Object Properties Dialog Box / Tab 3
  1. Displays the available styles/models for the object.
  2. Displays a preview of the object with the changed properties applied.

 

Colors Tab
Interactive Floor Plan Software - Object Properties Dialog Box / Tab 4
  1. This section lets you change the object colors.
    Click a color button to open the Color Chooser dialog box, which allows you to change the selected color.
  2. Displays a preview of the object with the changed properties applied.

 

Events Tab
Interactive Floor Plan Software - Object Properties Dialog Box / Tab 5
  1. Specifies whether the object element should receive mouse/touch events.
  2. Allows you to specify what to do when users move the mouse pointer over the object 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 object 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.