Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

why in spa page component css width is given with 1024 px and not full width of the browser

Avatar

Level 3

Screenshot (649).png

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

SPA
1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@ravir73578276,

With a sensible guess, this is probably because of the page that is being edited is using a template (which may be referencing to basepage.html), which may contain a container wrapper CSS style rule; this style rule will constrict the maximum width of anything within the parsys (drag and dropable area). If you want 100% width, you may need to extend your project's basepage.html, and remove the additional CSS style rules. Or you can simply directly clean up the basepage.html. 

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

@ravir73578276,

With a sensible guess, this is probably because of the page that is being edited is using a template (which may be referencing to basepage.html), which may contain a container wrapper CSS style rule; this style rule will constrict the maximum width of anything within the parsys (drag and dropable area). If you want 100% width, you may need to extend your project's basepage.html, and remove the additional CSS style rules. Or you can simply directly clean up the basepage.html.