1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    118
    Vote Rating
    5
    subimage is on a distinguished road

      0  

    Default Fullscreen textareafield for Sencha Touch 2

    Fullscreen textareafield for Sencha Touch 2


    I really dislike the default textarea field, so I went looking for alternatives.

    I found one called "BetterTextArea" that displayed a larger text field in a modal, but found that a bit wonky. http://colinramsay.co.uk/diary/2012/...encha-touch-2/

    I took that code and modified it to display fullscreen when you tap to edit the textfield, which feels better on the phone and my tablet.

    Here's the result of my work if anyone cares: https://gist.github.com/3703512

    photo.PNG

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,652
    Vote Rating
    901
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      1  

    Default


    Nice! I would make one change. Currently you use Ext.Viewport and add and set the panel as active item. This is assuming the user isn't doing any removal on old items on Ext.Viewport and also that Ext.Viewport is a card layout container. Instead, I would use a sheet and animate it from the bottom
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Sep 2011
    Posts
    118
    Vote Rating
    5
    subimage is on a distinguished road

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    Nice! I would make one change. Currently you use Ext.Viewport and add and set the panel as active item. This is assuming the user isn't doing any removal on old items on Ext.Viewport and also that Ext.Viewport is a card layout container. Instead, I would use a sheet and animate it from the bottom
    Good call. Mind modifying the gist to illustrate the point? Just spent about 20 minutes here trying to change it to a sheet, but could not get the sheet to display fullscreen with the "fullscreen: true" config.

  4. #4
    Sencha User
    Join Date
    Dec 2010
    Posts
    34
    Vote Rating
    0
    lincon6 is an unknown quantity at this point

      -1  

    Default


    Quote Originally Posted by subimage View Post
    Good call. Mind modifying the gist to illustrate the point? Just spent about 20 minutes here trying to change it to a sheet, but could not get the sheet to display fullscreen with the "fullscreen: true" config.
    Try this config to make sheet fullscreen:
    Code:
    {				left: 0
    				,right: 0
    				,bottom: 0
    				,layout: 'fit'
    			}

  5. #5
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,652
    Vote Rating
    901
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      1  

    Default


    Use the stretchX and stretchY configs
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  6. #6
    Sencha User
    Join Date
    Sep 2011
    Posts
    118
    Vote Rating
    5
    subimage is on a distinguished road

      0  

    Default


    This worked...here's the updated version: https://gist.github.com/3703512

    Thanks for the feedback guys. Should I log a bug that the "fullscreen" config that's documented on sheets doesn't work?

Thread Participants: 2