Expand my Community achievements bar.

SOLVED

AEM - Custom Xtype - EjstCustom - dropdown list too small - Adobe CQ (5.6.0.20130125)

Avatar

Level 2

Creating a (rather basic) dropdown list as a customized xtype is resulting in strange behavior. Please find attached all the required screenshots and below the encountered behavior: 

  • an Xtype withe the name ejstcustom and to be used in a dialog is created and registered. Snippet of JS code has been attached. 
  • every time the page is accessed for the first time, the dropdown list is too small 
  • when the page is accessed a second or consecutive time, the dropdown list is wide enough 
  • we experimented with some of the properties as described in the CQ5 widgets API documentation but most of them seem to have rather little effect 
  • version of AEM we are running with is Adobe CQ 5.6.0.20130125

I'm inclined to believe the width of the div.center element in the CSS file influences the behavior quite a bit but we haven't been able to display the dropdown list properly.  

BTW : we applied the instructions as found in tutorial http://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html but I think it's fair to say a document-review would improve the quality of the tutorial a bit (certain lines of code are simply duplicated and cq:Panel is consistently identified as cq:panel ....) 

Many thanks in advance,

Wim

1 Accepted Solution

Avatar

Correct answer by
Level 10

The article you referenced is quite large and fits alot of information into it.

Here is a better one (much shorter) that uses a custom xtype and a drop down on a multifield. Just went through it - this was the result:

[img]Drop.png[/img]

Notice that the dropdown size is not reduced. See:

http://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html

View solution in original post

2 Replies

Avatar

Level 10

For an AEM drop down -- take a look at this topic:

http://dev.day.com/docs/en/cq/current/developing/widgets.html

Look for this example:

[img]dropdown.png[/img]

Install the sample package as described in the docs and look at the code in the sample that is related to this dialog.

For the doc -- if you see a typo - feel free to log a bug here:

http://helpx.adobe.com/marketing-cloud/experience-manager.html

Avatar

Correct answer by
Level 10

The article you referenced is quite large and fits alot of information into it.

Here is a better one (much shorter) that uses a custom xtype and a drop down on a multifield. Just went through it - this was the result:

[img]Drop.png[/img]

Notice that the dropdown size is not reduced. See:

http://helpx.adobe.com/experience-manager/using/creating-custom-xtype.html