Customer experience | Sales, Customer Insights,...

Portals - Increase height of form (entity list) on web page using CSS

(0) Share

Report

Posted on by terryharrison

Hi all,

I have a web page that contains an entity list. I have a custom theme.css file applied to it via its parent page. I can adjust the height of containers within the page but am struggling to work out how to adjust the height of the form / entity list.

So, using chrome dev tools i can see as below that the form 'content_form' is 439.6px high.

7077.form1.PNG

Via the elements tab i can see this is set here:

6064.form2.PNG

And looking at the styles it seems it is using the user agent stylesheet for the form.

3583.form3.PNG

in not sure what I need to add to theme.css to stop this being used. I'm new to CSS and have tried .form{height:800px} but this made no difference.

Any advice appreciated.

Thanks

I have the same question (0)

All responses (2)

Answers (0)

Suggested answer

terryharrison 55 on at

Like (0)

Report

As usual after spending ages on this as soon as I post a question I figure it out. For anyone else all I needed to do was specify the actual form name e.g.

#content_form {height:77%}

If anyone knows how this can be applied to all forms via the theme.css that would be useful though.

Was this reply helpful? Yes No
Suggested answer

ajyendra 1,738 on at

Like (0)

Report

If ID of all the form is content_form then form#content_form { height:77% !important} and put that into theme.css file

Was this reply helpful? Yes No

Join the conversation

Community site session details

Portals - Increase height of form (entity list) on web page using CSS

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates

Community site session details

Portals - Increase height of form (entity list) on web page using CSS

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates