<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: column layout - column width in Adobe Experience Manager Questions</title>
    <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/column-layout-column-width/m-p/256295#M98751</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi&amp;nbsp;&lt;A class="headline" href="http://help-forums.adobe.com/home/users/ims/24B7/ims-24B756B451AC4B4A0A490D4D@AdobeID/profile.form.html/content/adobeforums/en/user/profile/view" style="color: rgb(58, 145, 215); text-decoration: none; cursor: pointer; font-family: adobe-clean, 'Helvetica Neue', Arial, sans-serif; line-height: normal; background-color: rgb(230, 231, 232);" target="_blank"&gt;samuel786431&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;There is a community article on Creating custom columns, this article uses bootstrap for doing the same.&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;Link:-&amp;nbsp;&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://forums.adobe.com/external-link.jspa?url=https%3A%2F%2Fhelpx.adobe.com%2Fexperience-manager%2Fusing%2Fcustom_columns.html" rel="nofollow" target="_blank"&gt;https://helpx.adobe.com/experience-manager/using/custom_columns.html&lt;/A&gt;&lt;/P&gt;&lt;P&gt;I hope this would help you.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thanks and Regards&lt;/P&gt;&lt;P&gt;Kautuk Sahni&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 16 Oct 2015 02:28:24 GMT</pubDate>
    <dc:creator>kautuk_sahni</dc:creator>
    <dc:date>2015-10-16T02:28:24Z</dc:date>
    <item>
      <title>column layout - column width</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/column-layout-column-width/m-p/256293#M98749</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;i have a column layout like this:&lt;/P&gt;&lt;PRE class="prettyprint linenums" data-language="html"&gt;&amp;lt;tab1 jcr:primaryType="cq:Widget" hideMode="offsets" title="Column 1" xtype="panel"&amp;gt; &amp;lt;items jcr:primaryType="cq:WidgetCollection"&amp;gt; &amp;lt;Link jcr:primaryType="cq:Widget" cls="headerBold" layout="column" title="link" xtype="dialogfieldset"&amp;gt; &amp;lt;items jcr:primaryType="cq:WidgetCollection"&amp;gt; &amp;lt;title jcr:primaryType="cq:Widget" emptyText="text" name="./title1" xtype="textfield"/&amp;gt; &amp;lt;url jcr:primaryType="cq:Widget" emptyText="url" name="./link1" xtype="pathfield"/&amp;gt; &amp;lt;/items&amp;gt; &amp;lt;/Link&amp;gt; &amp;lt;/items&amp;gt; &amp;lt;/tab1&amp;gt;&lt;/PRE&gt;&lt;P&gt;How can i set a percentege width?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I have also a similar problem with a custom field:&lt;/P&gt;&lt;PRE class="prettyprint linenums" data-language="html"&gt;CompositeLink = CQ.Ext.extend(CQ.form.CompositeField, { constructor: function (config) { config = config || {}; var defaults = { "border": false, "layout": "form" }; config = CQ.Util.applyDefaults(config, defaults); CompositeLink.superclass.constructor.call(this, config); }, //overriding CQ.Ext.Component#initComponent initComponent: function () { CompositeLink.superclass.initComponent.call(this); // Hidden field this.hiddenField = new CQ.Ext.form.Hidden({ name: this.name }); this.add(this.hiddenField); this.mainPanel = new CQ.Ext.Container({ layout:"column", autoScroll:true }); this.add(this.mainPanel); this.nameLink = new CQ.Ext.form.TextField({ emptyText:"text", listeners: { change: { scope: this, fn: this.updateHidden } } }); this.mainPanel.add(this.nameLink); this.urlLink = new CQ.form.PathField({ emptyText:"url", listeners: { change: { scope: this, fn: this.updateHidden }, dialogclose: { scope: this, fn: this.updateHidden } } }); this.mainPanel.add(this.urlLink); // Link openInNewWindow this.targetLink = new CQ.Ext.form.ComboBox({ triggerAction: 'all', mode: 'local', store: new CQ.Ext.data.ArrayStore({ fields: [ 'myId', 'displayText' ], data: [['inject', 'inject'], ['_self', 'self'], ['_blank', 'blank'], ['overlay', 'overlay']] }), valueField: 'myId', displayField: 'displayText', forceSelection: true, emptyText:'target', listeners:{ scope: this, 'select': this.updateHidden }, }); this.mainPanel.add(this.targetLink ); }, processInit: function (path, record) { this.nameLink.processInit(path, record); this.urlLink.processInit(path, record); this.targetLink.processInit(path, record); }, setValue: function (value) { var items = value.split("|"); if (items.length &amp;gt; 0) this.nameLink.setValue(items[0]); if (items.length &amp;gt; 1) this.urlLink.setValue(items[1]); if (items.length &amp;gt; 2) this.targetLink.setValue(items[2]); this.hiddenField.setValue(value); }, getValue: function () { return this.getRawValue(); }, getRawValue: function () { var link = this.nameLink.getValue() + "|" + this.urlLink.getValue() + "|" + this.targetLink.getValue(); return link; }, updateHidden: function () { this.hiddenField.setValue(this.getValue()); } }); CQ.Ext.reg('compositelink', CompositeLink);&lt;/PRE&gt;&lt;P&gt;How can i set now the percentage width?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thanks&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 16 Oct 2015 02:28:24 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/column-layout-column-width/m-p/256293#M98749</guid>
      <dc:creator>samuel786431</dc:creator>
      <dc:date>2015-10-16T02:28:24Z</dc:date>
    </item>
    <item>
      <title>Re: column layout - column width</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/column-layout-column-width/m-p/256294#M98750</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;When working with column layout you have option for setting width in % using &lt;STRONG&gt;columnWidth,&lt;/STRONG&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;Please refer to the complete explanation here @ &lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://forums.adobe.com/external-link.jspa?url=https%3A%2F%2Fdocs.adobe.com%2Fdocs%2Fen%2Fcq%2F5-6%2Fwidgets-api%2Findex.html%3Fclass%3DCQ.Ext.layout.ColumnLayout" rel="nofollow" target="_blank"&gt;https://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.Ext.layout.ColumnLayout&lt;/A&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 16 Oct 2015 02:28:24 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/column-layout-column-width/m-p/256294#M98750</guid>
      <dc:creator>edubey</dc:creator>
      <dc:date>2015-10-16T02:28:24Z</dc:date>
    </item>
    <item>
      <title>Re: column layout - column width</title>
      <link>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/column-layout-column-width/m-p/256295#M98751</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi&amp;nbsp;&lt;A class="headline" href="http://help-forums.adobe.com/home/users/ims/24B7/ims-24B756B451AC4B4A0A490D4D@AdobeID/profile.form.html/content/adobeforums/en/user/profile/view" style="color: rgb(58, 145, 215); text-decoration: none; cursor: pointer; font-family: adobe-clean, 'Helvetica Neue', Arial, sans-serif; line-height: normal; background-color: rgb(230, 231, 232);" target="_blank"&gt;samuel786431&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;There is a community article on Creating custom columns, this article uses bootstrap for doing the same.&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;Link:-&amp;nbsp;&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://forums.adobe.com/external-link.jspa?url=https%3A%2F%2Fhelpx.adobe.com%2Fexperience-manager%2Fusing%2Fcustom_columns.html" rel="nofollow" target="_blank"&gt;https://helpx.adobe.com/experience-manager/using/custom_columns.html&lt;/A&gt;&lt;/P&gt;&lt;P&gt;I hope this would help you.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thanks and Regards&lt;/P&gt;&lt;P&gt;Kautuk Sahni&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 16 Oct 2015 02:28:24 GMT</pubDate>
      <guid>https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/column-layout-column-width/m-p/256295#M98751</guid>
      <dc:creator>kautuk_sahni</dc:creator>
      <dc:date>2015-10-16T02:28:24Z</dc:date>
    </item>
  </channel>
</rss>

