JS Designer Project
 
HomeOverview
Editor Features
ScreenshotsTechnical FeaturesHow it worksKnown bugs & To DoBuild your first 'hello world' applicationSF summary pageDownload SourceForge.net Logo

Editor Features :

  • Create / move / resize / delete the following widgets:
    • buttons,
    • labels (div),
    • text, password or textarea fields,
    • radio or check boxes,
    • selectors,
    • images,

  • For the positioning and sizing, a magnetic gird is included.

  • For each widget, edition of the following properties :
    • Position (in pixels, relative to its parent)
    • Height, Width (pixels)
    • background color (as hexa code, or 'transparent', or 'inherit')
    • Text size (in pixels)
    • Text color
    • Text alignment
    • Text decoration and Style
    • Borders Styles, width and color
    • (Background) Image URL
    • Background Image repeating

  • Create / edit / delete the text associated to widgets, for all languages defined in your DB (for images, it give the alternate text).

  • Create / edit / delete javascript code associated to widgets, for the following events :
    • Blur
    • Change
    • Click
    • DoubleClick
    • Focus
    • Key Down
    • Key Press
    • Key Up
    • Mouse Down
    • Mouse Move
    • Mouse Out
    • Mouse Over
    • Mouse Up
    • Select Text
  • The editors supports hierachizing your widgets : Drop a Button onto a DIV and it will be contained in it, move the DIV and your button follows