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>,

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.

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

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

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