Add Elements: Add elements to the stage by clicking one of the create element tool buttons on the top bar. Then drag create the new element with the mouse directly onto the stage.
Nest Elements: Drag and drop elements on top of each other to nest. Or drag create new element while in an existing element. Elements can be nested to any depth.
Edit Style Values: Click a gold colored value in the left tree to open a popup input box. To perform a quick change drag the gold colored value left or right.
Adding Timeline Keys: Click a style values diamond button (left tree) to add a new key frame to the timeline. The key will be added at the position of the playhead.
Setting The Active Timeline: Animating stage elements and CSS rules first requires selecting an active timeline (by default the root stage elements document ready timeline is active and selected). NodeFire supports unlimited timelines for each stage. A single timeline is active and may be edited at any given time.
The active timeline is a combination of the selected event target element and event action tab. The event target element can be any element on the stage, or the root stage element itself. The event action tabs are directly above the timeline and determine the action on the event element which will trigger the timeline (document ready, mouse over, mouse click, etc...)
Working In The Cloud
Google Drive: Stages can be saved and opened using the Google Drive cloud. If you do not have a Drive account, you will be propted to sign up when accessing the cloud features in NodeFire. To save your stage to the cloud choose 'Save As' from the main control menu. Your cloud saved stages will be accessible from, and may be saved to the 'Google Drive' folder in the left tree. Open your cloud saved stages from the same folder when using the main control menus 'open' option.
Google Drive Interface: The Google Drive interface can be accessed by clicking the logo image when the 'google drive' folder is selected in the 'open' or 'save' dialogs.
Stage files can be shared, renamed, deleted, organized, and opened for editing in the Drive interface. To open a stage for editing right click the stage and choose 'Open With' --> 'NodeFire'. To set NodeFire as the default application for stage type files right click a stage and select 'Open With' --> 'Manage Apps'. Then check the 'use by default' option next to the NodeFire icon.
To create a new stage click the red 'create' button in the upper left and choose 'NodeFire' from the list of availalbe application options.