Welcome to the nuBuilder Forums!

Register and log in to access exclusive forums and content available only to registered users.

Lookup Object CSS Topic is solved

Questions related to using nuBuilder Forte.
Post Reply
Mr71
Posts: 41
Joined: Thu Sep 30, 2021 10:32 am

Lookup Object CSS

Unread post 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
kev1n
nuBuilder Team
Posts: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 times
Contact:

Re: Lookup Object CSS

Unread post 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.
Mr71
Posts: 41
Joined: Thu Sep 30, 2021 10:32 am

Re: Lookup Object CSS

Unread post 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?
You do not have the required permissions to view the files attached to this post.
kev1n
nuBuilder Team
Posts: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 times
Contact:

Re: Lookup Object CSS

Unread post 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.
Mr71
Posts: 41
Joined: Thu Sep 30, 2021 10:32 am

Re: Lookup Object CSS

Unread post by Mr71 »

Thanks Kevin, that's what I wanted!!!
Post Reply