Hi im a new user of couch CMS

firstly i said thx to great CMS simple and easy to use but today i have the problem to put repeatable region in a row of three column

this is what i want:



then i out repeatable code

<cms:repeatable name='multiple_Logo_Row' >
<cms:editable type='image' name='logoA' label='Client Logo' show_preview='1' preview_width='150' input_width='121'/>
<cms:editable type='textarea' label='Description' name='descA' />

<cms:editable type='image' name='logoB' label='Client Logo' show_preview='1' preview_width='150' input_width='121'/>
<cms:editable type='textarea' label='Description' name='descB' />

<cms:editable type='image' name='logoC' label='Client Logo' show_preview='1' preview_width='150' input_width='121'/>
<cms:editable type='textarea' label='Description' name='descC' />
</cms:repeatable>

<cms:show_repeatable 'multiple_Logo_Row'>
<div class="col-lg-4">
<p class="imgContainer"><img src="<cms:show logoA/>" width="150px"/></p>
<p><cms:show descA /></p>

</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<p class="imgContainer"><img src="<cms:show logoB/>" width="150px"/></p>
<p><cms:show descB /></p>
</div>
<!-- /.col-lg-4 -->
<div class="col-lg-4">
<p class="imgContainer"><img src="<cms:show logoC/>" width="150px"/></p>
<p><cms:show descC /></p>
</div>
</cms:show_repeatable>

result is:



this is not really nice to look isn it, is there any solutions to make this one better?
either edit each of column on cms size / position OR maybe the cms width?

thanks a lot...

[trendoman]

Hi, kikihuang and Welcome

Let's introduce col_width to your code:

<cms:repeatable name='multiple_Logo_Row' >
<cms:editable type='image' name='logoA' label='Client Logo' show_preview='1' preview_width='150' input_width='121' col_width='200' />
<cms:editable type='textarea' label='Description' name='descA' col_width='170' />

<cms:editable type='image' name='logoB' label='Client Logo' show_preview='1' preview_width='150' input_width='121' col_width='200' />
<cms:editable type='textarea' label='Description' name='descB' col_width='170' />

<cms:editable type='image' name='logoC' label='Client Logo' show_preview='1' preview_width='150' input_width='121' col_width='200' />
<cms:editable type='textarea' label='Description' name='descC' col_width='170' />
</cms:repeatable>

It should help

[KK]

As one more example of what @trendoman suggested, please see this -
https://www.couchcms.com/forum/viewtopi ... 735#p14735

Hi, kikihuang and Welcome

Let's introduce col_width to your code:

<cms:repeatable name='multiple_Logo_Row' >
<cms:editable type='image' name='logoA' label='Client Logo' show_preview='1' preview_width='150' input_width='121' col_width='200' />
<cms:editable type='textarea' label='Description' name='descA' col_width='170' />

<cms:editable type='image' name='logoB' label='Client Logo' show_preview='1' preview_width='150' input_width='121' col_width='200' />
<cms:editable type='textarea' label='Description' name='descB' col_width='170' />

<cms:editable type='image' name='logoC' label='Client Logo' show_preview='1' preview_width='150' input_width='121' col_width='200' />
<cms:editable type='textarea' label='Description' name='descC' col_width='170' />
</cms:repeatable>

It should help

Hi thanks trendoman for the greetings

yes i try to put that code and works, it makes more nicely column width for each row

Thanks for your help

------

As one more example of what @trendoman suggested, please see this -
https://www.couchcms.com/forum/viewtopi ... 735#p14735

Yes KK i saw it already, yup this is also cover the more advanced topic to use cloneable template

Thanks for share it to me..