List view column header font size and other style settings not rendering in form.

Hi Alv4,

I have assumed that In list view header you have taken class name  as CSS selector, when accessing a view directly (wihout forms) the class name will be having initial  text   like 00000*personal details removed*000  but when we access same view using form it will be replaced by Form ID, thus if you are using full class name which you might have taken from view  will not work with forms.

Refer attached screen to see diffrence in class name while accessing it directly and using  Froms.

to make it work correctly you with both form as well as direclly you have two ways

1) use both classes i.e. from  Forms as well as view as selector  for Css property

2) Use wildcard selector

div[class^="grid-column-header-text"] { color:red;}

Let me know if this helps you.

Hi Alv4,

    Refer below link to get an idea on developer tool to findout CSS selector

How to use Web Page Inspector to get CSS or jQuery selector in Smartforms

 Once you have created style refer below steps

Drag and drop Data Label on top of listview and do the below changes under property (appears on R.H.S.)

• Check the Literal property option
• For Expression property add below style using start and closing style tag.

<style>
div[class^=”grid-column-header-text”]{
padding: 5px;
font-size: 11px;
font-weight: bold;
}
</style>

Hi All

Does anyone possible have a package of a small solution of this ?

Regards

Heinrich