Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED]HTML Accordion Tab color

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[SOLVED]HTML Accordion Tab color
 Login/Join
 
MartinY
Virtuoso
posted
Hi,

I have an HTML page with an Accordion control having several tab (pages).
I'm able to change the tab content background color but it's not what I'm looking for.

I want to change the default grey of the tab header background (and possibly the text font darker grey) color to something else.

Is it something possible ?
It doesn't seems to be part of any Accordion properties options.

When I change the Document Theme it does change the tab background color but also affect everything else on the page.

Should I create a custom Theme similar to the one I used but where the Accordion tab will be customized to "my" colors ?
If so, how can I found the location/name of the selected Theme to have the starting point to adapt as I need ?

Thanks to confirm my assumption and send me in the right way.

This message has been edited. Last edited by: MartinY,


WF versions : Prod 8.2.04M gen 33, Dev 8.2.04M gen 33, OS : Windows, DB : MSSQL, Outputs : HTML, Excel, PDF
In Focus since 2007
 
Posts: 2409 | Location: Montreal Area, Qc, CA | Registered: September 25, 2013Report This Post
Tony A
Expert
posted Hide Post
Hi Martin,

Using developer tools within your browser, you should be able to locate the class for the element in question.

Creating a simple HTML page with just the accordian control with a couple of extra pages, I can see that my one is using bip_neutral.css and then using the classes IBI_pageHeaderText, IBI_pageHeader_Selected and IBI_pageHeader for a few of the styling attributes such as colour, font and font-weight.

Personally, if you only wanted to change the colouration for this one situation, I would add some styling within the "Embedded CSS" tab -

.IBI_pageHeaderText {
background-color: #00f;
color: #fff;
}


Because this code appears to be rendered before the "real" class, I would use "!important" to override default styling attributes, should you need to.


T


In FOCUS
since 1986		WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2  
WebFOCUS App Studio 8.2.06 standalone on Windows 10 
 
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004Report This Post
MartinY
Virtuoso
posted Hide Post
Thanks Tony, I'll look at this.


WF versions : Prod 8.2.04M gen 33, Dev 8.2.04M gen 33, OS : Windows, DB : MSSQL, Outputs : HTML, Excel, PDF
In Focus since 2007
 
Posts: 2409 | Location: Montreal Area, Qc, CA | Registered: September 25, 2013Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [SOLVED]HTML Accordion Tab color

Copyright © 1996-2020 Information Builders