Revision history [back]

click to hide/show revision 1
initial version

asked 2017-09-27 12:47:59 +0800

mpatt gravatar image mpatt

display list items vertically in multiple columns

current code sample

<portallayout id="otherObjectsPortal" children="@load(vm.otherObjects)"> <template name="children"> <portalchildren width="25%" style="padding:3px;"> <panel> <panelchildren> <vbox align="left" width="100%" height="25px" style="padding:2px;"> <radio id="${each}" label="@load(each)" radiogroup="otherObjRadioGroup" style="padding:3px;font-size:15px"/> </vbox> </panelchildren> </panel> </portalchildren>

                </template>
        </portallayout>
      </div>

display list items vertically in multiple columns

current code sample

<portallayout id="otherObjectsPortal" children="@load(vm.otherObjects)"> <template name="children"> <portalchildren width="25%" style="padding:3px;"> <panel> <panelchildren> <vbox align="left" width="100%" height="25px" style="padding:2px;"> <radio id="${each}" label="@load(each)" radiogroup="otherObjRadioGroup" style="padding:3px;font-size:15px"/> </vbox> </panelchildren> </panel> </portalchildren>

                </template>
        </portallayout>
      </div>

This is displayed horizontally now as below - 1.Airplane 2.Apple 3.Banana 4.Baseball_glove
5.Bear 6.Car 7.cow 8.Dog

But i want them like following - 1.Airplane 3.Banana 5.Bear 7.cow 2.Apple 4.Baseball_glove 6.Car 8.Dog

display list items vertically in multiple columns

current code sample

<portallayout id="otherObjectsPortal" children="@load(vm.otherObjects)"> <template name="children"> <portalchildren width="25%" style="padding:3px;"> <panel> <panelchildren> <vbox align="left" width="100%" height="25px" style="padding:2px;"> <radio id="${each}" label="@load(each)" radiogroup="otherObjRadioGroup" style="padding:3px;font-size:15px"/> </vbox> </panelchildren> </panel> </portalchildren>

                </template>
        </portallayout>
      </div>

This is displayed horizontally now as below - 1.Airplane 2.Apple 3.Banana 4.Baseball_glove
<line break=""> 5.Bear 6.Car 7.cow 8.Dog

But i want them like following - 1.Airplane 3.Banana 5.Bear 7.cow <line break=""> 2.Apple 4.Baseball_glove 6.Car 8.Dog

click to hide/show revision 4
No.4 Revision

updated 2017-09-27 14:23:17 +0800

cor3000 gravatar image cor3000

display list items vertically in multiple columns

current code sample sample

<center border="none">
          <div visible="@load(not empty vm.otherObjects)" height="300px" >
            <radiogroup id="otherObjRadioGroup" />
            <portallayout id="otherObjectsPortal" children="@load(vm.otherObjects)">
                    <template name="children">
                          <portalchildren width="25%" style="padding:3px;">
                            <panel>
                              <panelchildren>
                                <vbox align="left" width="100%" height="25px" style="padding:2px;">
                                <radio id="${each}" label="@load(each)" radiogroup="otherObjRadioGroup" style="padding:3px;font-size:15px"/>
                                </vbox>
                              </panelchildren>
                            </panel>
                          </portalchildren>
 
</portalchildren>

                    </template>
         </portallayout>
       </div>
    </center>

=============================== This is displayed horizontally now as below - 1.Airplane 2.Apple 3.Banana 4.Baseball_glove
<line break=""> 5.Bear 6.Car 7.cow 8.Dog

But i want them like following - 1.Airplane 3.Banana 5.Bear 7.cow <line break=""> 2.Apple 4.Baseball_glove 6.Car 8.Dog

About Us | Faq | Help | Privacy Policy | Contact Us
Copyright Potix Corporation 2015.
Content on this site is licensed under a Creative Commons Attribution Share Alike 3.0 license.
Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More