Cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Virtual tile list with buttons on screen

ANSWERED

I'd like to set the height of a Virtual Tile List so it takes up about 3/4 of the screen so I can place a button below the list. Is there a way to set the height of the VTList?

 

<svg id="waypoints-screen" display="none">
    <defs>
      <symbol id="wp-tile-item" href="#tile-list-item" focusable="false" 
              pointer-events="none" system-events="all" display="none">
        <text id="text" />
        <rect id="tile-divider-bottom" class="tile-divider-bottom" />
        <rect id="touch-me" pointer-events="all" x="0" y="0" width="100%"
              height="100%-2" opacity="0" />
      </symbol>
    </defs>

    <use id="wp-list" href="#tile-list">
      <var id="virtual" value="1" />
      <var id="separator-height-bottom" value="2" />

      <use id="wp-pool" href="#tile-list-pool">
        <use id="wp-pool[0]" href="#wp-tile-item" class="tile-list-item" />
        <use id="wp-pool[1]" href="#wp-tile-item" class="tile-list-item" />
        <use id="wp-pool[2]" href="#wp-tile-item" class="tile-list-item" />
        <use id="wp-pool[3]" href="#wp-tile-item" class="tile-list-item" />
        <use id="wp-pool[4]" href="#wp-tile-item" class="tile-list-item" />
      </use>
    </use>
    <!-- Left button -->
    <use id="returnBtn" class="dialog-half-button-left" href="#square-button-negative">
      <set href="#text" attributeName="text-buffer" to="Return" />
      <set href="#text" attributeName="text-anchor" to="middle" />
    </use>
    <!-- Right button -->
    <use id="deleteBtn" class="dialog-half-button-right" href="#square-button-positive">
      <set href="#text" attributeName="text-buffer" to="Delete" />
      <set href="#text" attributeName="text-anchor" to="middle" />
    </use>
  </svg>
Best Answer
0 Votes
1 BEST ANSWER

Accepted Solutions

I ended up putting my buttons in the footer of the tile list and it works fine

View best answer in original post

Best Answer
0 Votes
2 REPLIES 2

I ended up putting my buttons in the footer of the tile list and it works fine

Best Answer
0 Votes

Hello DanMacLeod, I saw several of your posts in which you are facing issues with virtual tile list, checkboxes in tile list, and buttons... I am working with the SDK 5.0 and I am struggling with adding checkboxes in the tile list (text works fine) and I also would like to add 3 buttons at the footer of the tile list. Would you have an example of your code showing how you handled this? Thank you!

Best Answer
0 Votes