Results 1 to 3 of 3
  1.    #1  
    So I have a grid of music tags and the goal is to touch one and bring up a search for more music with that tag.

    screenshot:


    html:

    Code:
    <table style="width:100%;">
      <tag1="tag1">
      <tag1="tag2">
      <tag1="tag3">
      <tr>
        <th>
          <div class="palm-row grid-cell" x-mojo-tap-highlight="immediate">
           <class="tag1" style="font-size:11pt;border:solid; border-color:white; -webkit-border-radius:5pt;">
              #{tag1}
          </div>  
        </th>
        <th>
          <div class="palm-row grid-cell" x-mojo-tap-highlight="immediate">
            <class="tag2" style="font-size:11pt;border:solid; border-color:white; -webkit-border-radius:5pt;">
              #{tag2}
          </div>  
        </th>
        <th>
          <div class="palm-row grid-cell" x-mojo-tap-highlight="immediate">
            <class="tag3" style="font-size:11pt;border:solid; border-color:white; -webkit-border-radius:5pt;">
              #{tag3}
          </div>  
        </th>
      </tr>
    </table>
    The problem is that I can't click on single items, just the entire row (which gives me every tag in that row). Anyone know how I can figure this out?
    Last edited by GMTesta; 04/13/2011 at 12:01 PM.
  2.    #2  
    so this works:
    Code:
    <table x-mojo-tap-highlight="immediate" style="width:100%;">
      <tag1="tag1">
      <tag1="tag2">
      <tag1="tag3">
      <tr>
        <th>
          <div id="1" class="palm-row grid-cell" x-mojo-touch-feedback="immediate">
           <id="tag1" style="font-size:11pt;border:solid; border-color:white; -webkit-border-radius:5pt;padding:2pt;">
              #{tag1}
          </div>  
        </th>
        <th>
          <div id="2" class="palm-row grid-cell" x-mojo-touch-feedback="immediate">
            <id="tag2" style="font-size:10pt;border:solid; border-color:white; -webkit-border-radius:5pt;padding:2pt;">
              #{tag2}
         </div>
        </th>
        <th>
          <div id="3" class="palm-row grid-cell" x-mojo-touch-feedback="immediate">
            <id="tag3" style="font-size:11pt;border:solid; border-color:white; -webkit-border-radius:5pt;padding:2pt;">
              #{tag3}
          </div>  
        </th>
      </tr>
    </table>
    but items in the bottom element of the list don't register tap events... ***?

    Anyone have any ideas?

Posting Permissions