WHAT'S THE CODE FOR THIS? WILL +Rep!

Discussion in 'Jiggy Runtime Development' started by Joe Rossignol, May 21, 2008.

  1. Joe Rossignol

    Joe Rossignol Community Manager Staff Member

    Joined:
    Jan 9, 2008
    Messages:
    11,500
    Likes Received:
    1,268
    Device:
    iPhone 5 (Black)
    I am currently creating an application in Jiggy.

    I am at the point where I have a navbar, which has one button that when pressed pops up an AlertSheet which fully functions.

    Now, below that is just a white blank screen with nothing yet.

    This is where I want to add something like this:

    Please Register or Log in to view images



    I don't want something EXACTLY like that, but I would like to have that general idea of a 'menu' where you can tap things to go to a different page.

    I will give +rep! Thanks!

    Please Register or Log in to view images

  2. Steaps

    Steaps New Member

    Joined:
    Oct 24, 2007
    Messages:
    5,074
    Likes Received:
    41
    Device:
    iPod touch
    UIPreferenceTable
    Easy way:
    http://jiggyapp.com/download/examples/ezpreferencestable.js
    Hard way:
    http://jiggyapp.com/download/examples/uipreferencestable.js
    Taken from:
    Jiggy Examples
    1 person likes this.
  3. Joe Rossignol

    Joe Rossignol Community Manager Staff Member

    Joined:
    Jan 9, 2008
    Messages:
    11,500
    Likes Received:
    1,268
    Device:
    iPhone 5 (Black)
    Thank you very much! I was unaware that Jiggy provided examples. Thanks again, +rep
  4. Steaps

    Steaps New Member

    Joined:
    Oct 24, 2007
    Messages:
    5,074
    Likes Received:
    41
    Device:
    iPod touch

    Please Register or Log in to view images


    No problem, just save that Examples page into your bookmarks. I use it all the time, it's great.
    I got it from http://jiggyapp.com in the develop section, then code samples (http://jiggyapp.com/samples), then More examples, just if you were wondering

    Please Register or Log in to view images

  5. carboycam

    carboycam New Member

    Joined:
    Feb 20, 2008
    Messages:
    43
    Likes Received:
    0
    How do you get the little ">" on the right-hand-side of each button/entry? The UI I'm building atm looks crap without them.

    Please Register or Log in to view images

    But I use the resources you provided, they're very useful, and the code is well annotated.

    Also, how to you stop the Navigation Bar from overlapping your table?
  6. Ryan

    Ryan Well-Known Member

    Joined:
    Jan 19, 2008
    Messages:
    4,129
    Likes Received:
    28
    Device:
    Nexus 4
    ^ Load the navigation bar before you load table, i think, i did the table ages ago for my app. If its not, it might be the other way round
  7. carboycam

    carboycam New Member

    Joined:
    Feb 20, 2008
    Messages:
    43
    Likes Received:
    0
    Well, I've loaded the NavBar after the table, and it overlaps, so I'll try it the other way.

    Please Register or Log in to view images

    Thanks.

    Edit: Well, if I load the Bar first, it is layered underneath the table, and is not visible...
  8. Ryan

    Ryan Well-Known Member

    Joined:
    Jan 19, 2008
    Messages:
    4,129
    Likes Received:
    28
    Device:
    Nexus 4
    hmm then i dont know sorry, i will have a look at my app for you 2morrow.
  9. RazerM

    RazerM New Member

    Joined:
    Oct 4, 2007
    Messages:
    279
    Likes Received:
    5
    If you have a UITable (I'll call it myTable), then use
    Code:
    myTable.onShowDisclosureForRow = function(table, row){
      return true; //This means all rows have an arrow, use row variable to be selective
    }
    If you have a nav bar and a prefs table, remember you only have 460 pixels of screen height, so if nav bar height is 44, the table should have frame [0, 44, 320, 460-44]
  10. carboycam

    carboycam New Member

    Joined:
    Feb 20, 2008
    Messages:
    43
    Likes Received:
    0
    Thanks for the help, but could you elaborate more on how to put those into the 'ezpreferencestable.js' from the JiggyApp Examples?

    Please Register or Log in to view images

    I can't seem to get the Table to resize or the '>' icons to appear on separate selections.

    Thanks.

    Edit: I've managed to sort out the overlapping, but I still need further help on the little '>' icons...

    Please Register or Log in to view images

Share This Page