You need to sign in to do that
Don't have an account?
Halcyonandon
Custom styling for Customer Portal tabs?
We'd like to use our own styling for our customer portal tabs. Is this possible or their flexibility limited only to the customize options provided in the customer portal settings?
If you use a plugin like firebug for firefox, you can inspect the elements you want to style. In this instance I inspected the tab navigation bar.
The markup looks like this...
And the css looks like this...
What you would do is include a link to your own css in the header (they suggest also placing the link in the footer, but I believe they suggest this if you're doing extensive customization.
The included css should contain the style elements of the object(s) you want to customize. You can find this css by looking at the source of the page then searching them for the style classes attached to the components you're planning to style.
It would be nice if direct access to the styles and components' markup were provided to developers... or if there were some official documentation on this out there.
Message Edited by Halcyonandon on 04-30-2008 09:40 AM
All Answers
I can't believe it to be true... how can a portal system that is meant to be more flexible than the self-service portal offer less flexibility with the UI... that just cant be right.
I was reading about "My Starbucks Idea" and found this bit of information... http://blogs.salesforce.com/ideas/2008/04/guidelines-for.html
It left me with the impression I could isolate the styles used for the tabs, inhibit and replace them with my own by including a stylesheet in the header (and footer for good measure?), the end result being some spiffy customized tabs...
Problem im having is the images for the tabs seem to be generated (with those nasty selected color to white gradients)...
If its anything like apache trinidad skinning, which im afraid it might be in this case... the css on the front side is generated for something like this... so i cant overwrite how these tabs are generated... the reason i think this way is I cant seem to get a handle on the image paths in the css... I see what i think are the tab styles and image paths...
i'll just have to experiment through trial and error i suppose. I mean when i use firebug I do see the style class names, so I'm just going to inhibit all for each class, then make up my own and see what happens... will post with my results.
(btw if this is venturing outside of visualforce-related content, feel free to move me)
If you use a plugin like firebug for firefox, you can inspect the elements you want to style. In this instance I inspected the tab navigation bar.
The markup looks like this...
And the css looks like this...
What you would do is include a link to your own css in the header (they suggest also placing the link in the footer, but I believe they suggest this if you're doing extensive customization.
The included css should contain the style elements of the object(s) you want to customize. You can find this css by looking at the source of the page then searching them for the style classes attached to the components you're planning to style.
It would be nice if direct access to the styles and components' markup were provided to developers... or if there were some official documentation on this out there.
Message Edited by Halcyonandon on 04-30-2008 09:40 AM
Hi,
I am trying to override salesforce css for customer portal tabs, I can override css and but can see the output for few seconds after that it again overrides the css from salesforce sites.
CSS I am using is:
How to overcome this again-overriding issue??