DMXzone Database Connector PHP Support Product Page

Answered

more that one column to display

Asked 10 Jun 2014 18:24:31
1
has this question
10 Jun 2014 18:24:31 Todd Fletcher posted:
I have really enjoyed using this plugin. I have been able to data bind my project and listing product from a database. My question is about the layout. The data is returned in a single column with as many items as I restrict the pages to. I need to have several columns instead. Where to I look for how to accomplish this? If I try to edit the repeat region, it refers me to buying a 'pro' version that doesn't exist.Thx in advance!

Replies

Replied 11 Jun 2014 07:08:17
11 Jun 2014 07:08:17 Teodor Kuduschiev replied:
Hello Todd,
We do not limit the content layout, it just fills the space of the container it is placed into. It is up to you to build your page layout the way you want..
Replied 12 Jun 2014 02:10:29
12 Jun 2014 02:10:29 Todd Fletcher replied:
Can you give a simple example of how a repeat region can be setup to run the data in columns and rows instead of a list?

This is the code that lists my data:
         
<div data-binding-id="repeat1" data-binding-repeat="{{iPS_Test.data}}">
            [br]
            <p>{{Name}}[br]
              <img width="100px" src='' data-binding-src="data:image/png;base64,{{Thumb}}" />[br]
            </p>
          </div>


This creates a single column list of data from my recordset. As it iterates through the recordset, it is putting each row from the recordset onto the page consecutively. I can't see a way to 'format' the layout beyond specifics of that particular row.

Also I can't locate any help, manual, etc.. on the Repeat Regions aspect of the plugin. Can you point me to it?
I appreciate any assistance.
Replied 12 Jun 2014 03:18:23
12 Jun 2014 03:18:23 Todd Fletcher replied:
Okay. I got it figured out. For anyone coming after me...

I created a div around the element, and set the display to inline block.

Also, I had to be sure the data-binding div was as wide the the area I needed to fill.

Reply to this topic