Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

multifield layout problem in CQ6

Avatar

Avatar
Validate 10
Level 2
Rui_J
Level 2

Likes

4 likes

Total Posts

39 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 10
Level 2
Rui_J
Level 2

Likes

4 likes

Total Posts

39 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 3
Boost 1
Affirm 1
View profile
Rui_J
Level 2

15-10-2015

Hi,

   This is my multifield dialog looks like in CQ6. You can see that the "move downward" and "remove" columns are hidden in the page. In CQ5, you  can adjust this by resizing the dialog. but in CQ6, I cannot resize the new dialog.

[img]2014-07-07_11-00-53.png[/img]

  This is my code.

/** * @class Ejst.LinkListField * @extends CQ.form.CompositeField * The LinkListField lets the user can input the text and url for this link. * */ Ejst.LinkListField = CQ.Ext.extend(CQ.form.CompositeField, { /** * xtype: hidden * store real value file: this is json format * {url: '/content/sample', text: 'sample'} */ valueField: null /** * xtype: textfield * view on dialog: store text for this link */ ,linkText: null /** * xtype: pathfield * view on dialog: store url for this link */ ,linkUrl: null /** * xtype: checkbox * view on dialog: store url for this link */ ,openInNewWindow: null /** * xtype: numberfield */ ,level: null ,constructor: function(config) { config = config || {}; var defaults = { border:     true ,layout: "form" ,autoWidth: false }; config = CQ.Util.applyDefaults(config, defaults); Ejst.LinkListField.superclass.constructor.call(this, config); } /** * create composite fields */ ,initComponent: function () { Ejst.LinkListField.superclass.initComponent.call(this); //create children items this.valueField = new CQ.Ext.form.Hidden({ name:  this.name }); this.linkText = new CQ.Ext.form.TextField({ emptyText:   'Link text' ,allowBlank: false ,fieldLabel: 'Link Text' ,style : { width: '100%' } ,listeners: { change: { scope: this ,fn: this.updateValue } } }); this.linkUrl = new CQ.form.PathField({ emptyText:   'Select path or type external URL' ,allowBlank: true ,fieldLabel: 'URL' ,style : { width: '100%' } ,width: '205px' // ,listeners: { dialogclose: { scope: this ,fn:    this.updateValue } ,change: { scope: this ,fn: this.updateValue } } }); this.openInNewWindow = new CQ.Ext.form.Checkbox({ boxLabel:    'Open in new window' ,listeners: { check: { scope: this ,fn:    this.updateValue } } }); this.level = new CQ.Ext.form.NumberField({ fieldLabel: 'Navigation Level' ,defaultValue: 0 ,style : { width: '100%' } ,allowBlank: false ,listeners: { change: { scope: this ,fn:    this.updateValue } } }); this.add(this.valueField, this.linkText, this.linkUrl, this.level, this.openInNewWindow); } // ,processInit : function(path, record) { //     this.linkText.processInit(path, record); //     this.linkUrl.processInit(path, record); //     this.level.processInit(path, record); //     this.openInNewWindow.processInit(path, record); // } ,getValue: function() { return this.getRawValue(); } ,getRawValue: function() { var link = { 'text':                 this.linkText.getValue() ,'url':                  this.linkUrl.getValue() ,'openInNewWindow':      this.openInNewWindow.getValue() ,'level':                this.level.getValue() }; return JSON.stringify(link); } ,setValue: function(value) { this.valueField.setValue(value); var link = JSON.parse(value); this.linkText.setValue(link.text); this.linkUrl.setValue(link.url); this.openInNewWindow.setValue(link.openInNewWindow); this.level.setValue(link.level); } ,updateValue: function() { this.valueField.setValue(this.getValue()); } }); CQ.Ext.reg('linklistfield', Ejst.LinkListField);

Please help

 

Thank you

View Entire Topic

Avatar

Avatar
Boost 3
Employee
alvawb1
Employee

Likes

4 likes

Total Posts

94 posts

Correct Reply

47 solutions
Top badges earned
Boost 3
Boost 1
Affirm 5
Affirm 3
Affirm 25
View profile

Avatar
Boost 3
Employee
alvawb1
Employee

Likes

4 likes

Total Posts

94 posts

Correct Reply

47 solutions
Top badges earned
Boost 3
Boost 1
Affirm 5
Affirm 3
Affirm 25
View profile
alvawb1
Employee

15-10-2015

In 6.0, there have been changes in how edit dialogs work. That is, dialogs for the new UI work like the normal hierarchy of components (different from how it was done before). I've created an issue to have this documented. Please feel free to open a ticket with customer support if you're still having issues.