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

In the desginer only.

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

I do not know how to edit the stylesheet. I am using the view designer interface.

Can you further explain?

Thank you for helping.

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>

Kran,

I have followed you instructions but I must be missing something.

There is not an exprssion option for the Header so I added it in the expression option for the Body tab.

Also, I checked Literal checkboxes in Header and Body tabs.

Is there something else? Truly appreicated.

alv4

Hi Kran,

Yes this worked! Perfectly!

Thank you.

alv4

Hi All

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

Regards

Heinrich