Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
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.