Dropdown field in dialog appears shrinked in size

I tried to create a dropdown with given configuration type="select" and xtype="selection" with allowBlank="false", defaultValue="6" and itemId="sample" is there. on vanilla instance and it is working fine. Could you please share the listener code and json of your dialog where you are implemention this dropdown.

You can get json by using http://localhost:4502/<path-to-dialog>.-1.json

Hi Praveen/Kautuk,

Thank you for your reply. Will check on this and keep you posted.

Hi 

The way you have implemented it, it would have worked. You may like to try what Praveen suggested.

Or

Please have a look at this example:- 

Link:- http://localhost:4502/libs/cq/gui/components/authoring/dialog/dropdownshowhide/clientlibs/dropdownshowhide/js/dropdownshowhide.js

// Extension to the standard dropdown/select component. It enabled hidding/unhidding of other components based on the selection made in the dropdown/select.

How to use:
 *
 * - add the class cq-dialog-dropdown-showhide to the dropdown/select element
 * - add the data attribute cq-dialog-dropdown-showhide-target to the dropdown/select element, value should be the
 *   selector, usually a specific class name, to find all possible target elements that can be shown/hidden.
 * - add the target class to each target component that can be shown/hidden
 * - add the class hidden to each target component to make them initially hidden
 * - add the attribute showhidetargetvalue to each target component, the value should equal the value of the select
 *   option that will unhide this element.
 */

Reference Link, which might help you achieve able stated:- http://adobeaemclub.com/toggle-fields-based-on-selection-in-granite-ui-dialogs/

Thanks and Regards

Kautuk Sahni

Hi,

I have seen this issue while working with classic UI. Can you set autoWidth = true

Thanks

Hi Kautuk,

Additional supporting documents.

dropdown here is the dropdown being referred to [type="select" ,xtype="selection", itemId="custom"

In listeners, var Source = dialog.getComponent('custom'); is used and based on certain conditions Source.show(); and Source.hide() is called.

askdctm wrote...

Hi Kautuk,

Details as below :

#1]Yes, it shows the same shrieked drop-down.[Even without this implementation the values come up in the drop down, but it appears shrinked]

#2 and #3] Yes, it is happening because of "itemId" present as part of the dialog. If this is removed, it works fine. However, we are using this in a listener to show/hide dropdown.

#4] No specific errors observed.

 

 

Ok, then please share the code for Listener. How are you implementing it. 

~kautuk

Hi Kautuk,

Details as below :

#1]Yes, it shows the same shrieked drop-down.[Even without this implementation the values come up in the drop down, but it appears shrinked]

#2 and #3] Yes, it is happening because of "itemId" present as part of the dialog. If this is removed, it works fine. However, we are using this in a listener to show/hide dropdown.

#4] No specific errors observed.

Hi

Can you please share :

1. What happen when you install the package "https://helpx.adobe.com/experience-manager/using/dialog_fields_servlets.html". Is it also showing same shrieked Drop-down ? what is the behavior of this ?

2. If the problem is only coming because of even-handler, could you please share the code for it ?

3. What exactly is the use-case of this event handler? If it is for populating the drop-down then please follow the link shared in point 1. 

4. Any browser console error or in error.log ?

~kautuk