Page 1 of 1
Lookup Object CSS
Posted: Fri Feb 10, 2023 4:34 pm
by Mr71
I figured out how to customize the style of input objects, both label and box.
Is it possible to customize the appearance of the Lookup Object with CSS!? I'm trying with no result ...
What are selectors!
Thanks
Re: Lookup Object CSS
Posted: Fri Feb 10, 2023 4:49 pm
by kev1n
Hi,
Use these two classes:
Code: Select all
.nuLookupCode {
}
.nuLookupDescription {
}
BTW: In Google Chrome (FF), you can inspect an element and view its classes by following these steps:
1. Right-click on the element you want to inspect.
2. Select "Inspect" from the context menu.
3. This will open the "Elements" (In FF Inspector) tab in the Developer Tools window.
4. The HTML code for the selected element will be highlighted in the "Elements" panel.
5. Look for the "class" attribute in the HTML code.
6. The value of the "class" attribute will contain a list of the classes applied to the element.
Re: Lookup Object CSS
Posted: Fri Feb 10, 2023 5:47 pm
by Mr71
lookup.png
Kevin!! ... It works but this modifies all the Lookup objects of the form indiscriminately. Is there a way to apply css to only one!?
For the Lookup label instead?
Re: Lookup Object CSS
Posted: Fri Feb 10, 2023 6:38 pm
by kev1n
The CSS rule below will be applied to the HTML element with id="sus_zzzzsys_access_id":
Code: Select all
#sus_zzzzsys_access_idcode {
background-color: red;
}
#sus_zzzzsys_access_iddescription {
background-color: green;
}
#label_sus_zzzzsys_access_id {
color: blue;
}
In CSS, an id is used to select a specific HTML element and apply styling to it. The id selector starts with a hash symbol (#) followed by the id name.
Re: Lookup Object CSS
Posted: Sat Feb 11, 2023 5:33 pm
by Mr71
Thanks Kevin, that's what I wanted!!!