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.

Themes /

Discuss SilverStripe Themes.

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

Tabstrip Documentation


Reply


3 Posts   967 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, 5513 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 :)