Expand my Community achievements bar.

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

How to make coral UI select box to render options on page properties dailog

Avatar

Level 2

Hi,

I am using AEM 6.5 (SP 10) and trying to include a select box in the page properties as per business requirement.  The select box is not show all options on click and creating vertical scroller on the browser. This behavior is confusing for authors while creating page, However the view is consistent when opening existing page props. Screen shots attached for reference and please suggest a work around to resolve this issue.

Screenshot :

F03CA9EE-1B52-4B59-937C-8DB53A720B48.jpeg

 

 

6 Replies

Avatar

Level 2

@SantoshSai 

 

I tried this solution and its not working on create page dialog. Could you please let me know if there is any other CSS tweak to fix this ?

Avatar

Community Advisor

@Abhilashreddy 

Please check if your project already have clientlib with cq.authoring.dialog  If yes, you can just add this CSS there. What issue you are facing now? Can you please check whether added CSS is loading?

Avatar

Level 2

I see the CSS is loading. The issue is dropdown items are not loading on create page wizard.

Please review the screenshot below.

0174C5B4-4BB5-4F7A-A76A-535A2C329E09.jpeg

Avatar

Community Advisor

@Abhilashreddy 

I mean to say - is that similar CSS is loading while creating the page(where you are facing issue) as you see in above screenshot? 

Avatar

Level 2

@SantoshSai 

 

Yes. The screenshot is on create page wizard and the added CSS is loading. Issue is all the dropdown items are not loading and they are showing with a scrollbar when you click on the first option.