How to get started with Tab navigation using SpiffyUI?

18 views
Skip to first unread message

hgeor...@gmail.com

unread,
Jun 4, 2013, 9:49:28 AM6/4/13
to spif...@googlegroups.com
I see that at http://www.spiffyui.org/?css there is an example to use tab navigation, but I don't see how to get started using it. Under the "Samples" page, I see that there's a SpiffyNavigation project, but that project uses a vertical navigation bar. I am a beginner and am looking for some sample projects or at least some concrete examples if possible.


Thanks a bunch!

Zack Grossbart

unread,
Jun 4, 2013, 10:41:37 AM6/4/13
to spif...@googlegroups.com
Hello,

Thanks for taking a look at SpiffyUI.

The tab nav is just a sample of how you can change things with CSS. This
shows the power of using CSS to do all of the layout for Spiffy UI.

We make the tab layout work by just adding a class to the main body of the
page called tabnav. You can see how we define those styles here:

https://github.com/spiffyui/spiffyui/blob/master/spiffyui-app/src/main/resou
rces/org/spiffyui/spsample/public/spsample.css

The tab navigation styles start at line 260.

Good luck,
Zack
--
You received this message because you are subscribed to the Google Groups
"Spiffy UI" group.
To unsubscribe from this group and stop receiving emails from it, send an
email to spiffy-ui+...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

Reply all
Reply to author
Forward
0 new messages