Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Themes /

Discuss SilverStripe Themes.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Tabstrip Documentation


Go to End


3 Posts   1985 Views

Avatar
Routh

Community Member, 11 Posts

12 March 2011 at 7:19am

Hello all,

After two unsuccessful days of trying different searches on Google, Silverstripe forums, Silverstripe Documentation and SSbits; I have yet to find any documentation on tabstrip that doesn't lead me to a dead link or a discussion about theming the CMS.

Can anyone point me in the direction of tabstrip documentation? I want to use proper methods to re-theme the tabs to match the page's theme in the front end only.

Avatar
Willr

Forum Moderator, 5523 Posts

12 March 2011 at 5:56pm

Can anyone point me in the direction of tabstrip documentation? I want to use proper methods to re-theme the tabs to match the page's theme in the front end only.

Have you though of using jQuery UI tabs or similar rather than using Tabstrip which I've seen working on the front end but I'm not sure how robust it is since it's quite old and tidied to the CMS, prototype but anyway :)

As long as you only want to update the design of the tabs and not change the HTML you should simply be able to use your own custom css file on the front end (using <% require themedCSS('filename') %> which has a more specific selector than tabstrip.css hence overriding the styles.

Avatar
Routh

Community Member, 11 Posts

12 March 2011 at 6:02pm

Edited: 12/03/2011 6:07pm

I actually managed to do it by copying the tabstrip css and including it exactly as you have suggested. I do plan to use jQuery-ui tabs in my pages however the basedir/Security/login page uses tabstrip and the published sites theme, and I wanted to make everything fit together nicely. I was just trying to see if there was a "proper" way that worked best to minimize css includes.

Thank you for your response :)