Imagebutton css

Discontinued products DHTMLX Touch
#1

I am able to change just about every attribute of any control that I wish to apart from the font family and size of text in an imagebutton. I am using the following:

.dhx_el_imagebutton {
font-family:tahoma;
font-size: 10pt;
font-weight:normal;
color:black;
text-shadow: 0 1px 1px #d9d9d8;
}

Strangely enough, if I change either the font-weight or color then those changes are reflected in the output. I am browsing using Chrome and Android Mozilla.

#2

dhx_el_imagebutton - className of the parent div that contains both span with text and img element. Try to apply new styles for the span:

.dhx_el_imagebutton span {
font-family:tahoma;
font-size: 10pt;
font-weight:normal;
color:black;
text-shadow: 0 1px 1px #d9d9d8;
}

#3

That did it - thanks!

#4

I’m having a similar problem with inputs - can you point me to some documentation as the online CSS Image Maps don’t seem to be comprehensive enough?

#5

Got to admit I’m really struggling with these CSS. I want to make labels in the body of a popup window 12pt but nothing seems to work!

#6

Did you try to find information here ?

#7

Yes, but I’m not sure that it gives the complete picture. For example, I want to change the font-size of a label so I referred to that documentation and it tells me to use the class .dhx_el_label.

I have put the following class in my style sheet:

.dhx_el_label {
font-family: tahoma;
font-size: 12pt;
font-weight: normal;
color: Black;
text-shadow: 0 1px 1px #d9d9d8;
}

but it gets ignored.

#8

I have to agree with you - some elements are not described well in these pictures. We will improve Touch docs.

Before the docs are updated, please use “Development Tools” of your browser to get elements styles.

#9

Ok - maybe I’m not as good with CSS as I should be, however, I just don’t understand why some commands work and others don’t.

Could you please show me how you would change the font-size of a label on a form?