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     [CLOSED] change the width,height,font size using css

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[CLOSED] change the width,height,font size using css
 Login/Join
 
Guru
posted
Hi,

I have created text[labels],textbox,dropdown,listbox etc and submit button using the html composer layout and I have created a css file which has the below piece of code :


BODY
{ font-family: Times New Roman;
font-size: 10px;
color: black;
margin: 5px;
background-color: #d0e4fe;
}
.IBIfield {
font-family: Arial;
font-style: normal;
color: Blue;
font-size: 16px;
left: 40px;
top: 120px;
width: 150px;
height: 20px;
position: absolute;
}

input[type='submit']
{
width: 50px;
height: 30px;
border: 2px solid white;
color: Green;
}

Am trying to include this .css file in the html composer layout to change the width and height of the submit button,to set the font and the font size for the all .IBI fields[like text,textbox,dropdown etc] and to change the background color of the html page.

Right now,only the background color is getting changed and width & height of a submit button is not getting changed and also the font and the font size of the other .IBI fields are not getting changed....

Any ideas/hints on how to get this working is greatly appreciated.

Thanks a lot in advance!

Regards,
IP

This message has been edited. Last edited by: <Kathryn Henning>,


Webfocus 8105 Developer studio,Windows 7,HTML,Excel,PDF,Text,Infoassist,Graph,AHTML
 
Posts: 270 | Registered: October 30, 2014Report This Post
Expert
posted Hide Post
Probably because each of the controls have their own css, which override the style sheet. Check the HTML or look at the HTML Composer Properties window for each of the controls.


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
 
Posts: 10577 | Location: Toronto, Ontario, Canada | Registered: April 27, 2005Report This Post
Master
posted Hide Post
Two tips:

check all classes used by IBI:
IBI CSS Classes

And you might want to look up the CSS keyword: !important

Good luck.
Dave


_____________________
WF: 8.0.0.9 > going 8.2.0.5
 
Posts: 668 | Location: Veghel, The Netherlands | Registered: February 16, 2010Report This Post
Guru
posted Hide Post
Hi,

Sure....I will look into the properties of the html and will let you know if it worked or not.
Thanks a lot both of you!

Regards,
IP


Webfocus 8105 Developer studio,Windows 7,HTML,Excel,PDF,Text,Infoassist,Graph,AHTML
 
Posts: 270 | Registered: October 30, 2014Report This Post
Virtuoso
posted Hide Post
Dave, thank's very much for the link. I had no idea those IBI CSS classes were documented. I guess no more "Developer Tools" is needed to try and chase those settings as before Smiler



Prod/Dev: WF Server 8008/Win 2008 - WF Client 8008/Win 2008 - Dev. Studio: 8008/Windows 7 - DBMS: Oracle 11g Rel 2
Test: Dev. Studio 8008 /Windows 7 (Local) Output:HTML, EXL2K.
 
Posts: 1533 | Registered: August 12, 2005Report 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     [CLOSED] change the width,height,font size using css

Copyright © 1996-2020 Information Builders