Results 1 to 4 of 4

Thread: Expandable text

  1. #1
    Sencha User
    Join Date
    Feb 2012
    Location
    New York
    Posts
    23
    Vote Rating
    0
      0  

    Default Expandable text

    Is there a way we can make text to expand/collapse, the way we do using javascript?

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    Have a <div> with a set width and use overflow and such to get elipsis. Then on tap make the width of the <div> to be auto and back to a set width for toggling.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Feb 2012
    Location
    New York
    Posts
    23
    Vote Rating
    0
      0  

    Default

    <div style= "white-space: nowrap; height: 50px; width: 100%; overflow: hidden; text-overflow: ellipsis;">

    I did't quiet understand the second part "Then on tap make the width of the <div> to be auto and back to a set width for toggling."

  4. #4
    Sencha User
    Join Date
    Feb 2012
    Location
    New York
    Posts
    23
    Vote Rating
    0
      0  

    Default

    How do I make the more and less links so that they expand and collapse the text?

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •