Tersus: Stage 4 - Organizing the Navigation Bar

Stage 4 - Organizing the Navigation BarDate: Feb 12, 2014Adding a Second Page

Zoom up to <Mobile View>.

Right click and select Add Element -> Page.

Rename the new page from Page 1 to Public Tweets.

Zoom into Public Tweets and delete the Header element.

If you now save your model and restart the application, you will see there is a navigation bar at the bottom of the screen. When you click Top Trends, you get the page we modeled in the previous stage. When you click Public Tweets, you get an empty page:

Adding Navigation Bar IconsIt will be nice to have a distinct icon for each of the options in the navigation bar:

Zoom to Top Trends.

Right click and select Add Property. Type html.icon and press OK.

In the property line that is opened, type http://downloads.tersus.com/Top.18px.png (in the Shared column).

Repeat the same for the Public Tweets page. This time set the property's value to http://downloads.tersus.com/Timeline.18px.png.

Warning: both images are white with transparent background, which means that if you enter their URLs in your browser, you will not see them.

Save the model and launch the application (

): Online demo no longer working due to an API change of Twitter

Download Model: Stage 4 (version 2.1.9)Next: Public TweetsSee Also:

To use the full functionality of this web site, JavaScript needs to be turned on.

For best results, use the Firefox browser..

Loading ...