Results 1 to 5 of 5

Thread: Back buttons with SASS

  1. #1
    Sencha Premium Member
    Join Date
    Sep 2008
    Posts
    710
    Vote Rating
    6
      0  

    Default Back buttons with SASS

    What do I have to have in my SCSS file to create the following back button look? I can generally figure out how to style a button, either with a -ui or a buttonize mixin, but these never seem to work when it comes to having these looks also apply to the Touch button types, especially back and forward.

    Trying to achieve this button look on toolbars....thanks for any pointers:


  2. #2
    Sencha Premium Member
    Join Date
    Sep 2008
    Posts
    710
    Vote Rating
    6
      0  

    Default

    BUMP...Pleaaassse!

    Really need to know what I need to be adding to me SASS files so that that when I change a button color/style I get the pointed tips on the back and forward buttons.

    Thanks

  3. #3
    Sencha Premium Member
    Join Date
    May 2011
    Posts
    66
    Vote Rating
    1
      0  

    Default

    Yes, I too am looking to get the native button look. It is not possible to do with the existing variables (the glossy gradient mix-in kind of looks like it, but doesn't get the recessed look), so we're down to overriding / replacing Sencha's CSS rules. There are of course a lot of examples on the web of CSS for iOS buttons, but it's not so easy to get that to play nicely with what Sencha has and have it look right in all of the scenarios (on a toolbar, not on a toolbar, the various uis, etc.).

    If anyone knows of an existing theme that implements the iOS button look and covers at least a few of the scenarios, that would be really helpful.

  4. #4
    Sencha Premium Member
    Join Date
    May 2011
    Posts
    66
    Vote Rating
    1
      0  

    Default

    Yes, I too am looking to get the native button look. It is not possible to do with the existing variables, so we're down to overriding / replacing Sencha's CSS rules. There are of course a lot of examples on the web of CSS for iOS buttons, but it's not so easy to get that to play nicely with what Sencha has and have it look right in all of the scenarios (on a toolbar, not on a toolbar, the various uis, etc.).

  5. #5
    Sencha User
    Join Date
    Mar 2011
    Posts
    32
    Vote Rating
    1
      0  

    Default

    I suggest taking a look at the Sencha Touch theme's files hidden away in the resources folder. I guess you can copy the way they create the back button, and add-in your own wishes.

Similar Threads

  1. Custom SASS build file breaks back button UI
    By Serjoint in forum Sencha Touch 1.x: Discussion
    Replies: 19
    Last Post: 6 Feb 2012, 4:12 AM
  2. Disable Back and Next Buttons
    By gwthompson in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 6 Jul 2010, 9:50 AM
  3. TabPanels with Toolbar Back and Forward buttons
    By neuwk in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 8 Jan 2008, 8:40 AM
  4. how to disable webbrowser's Back && Forward buttons ?
    By mxu in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 29 Nov 2007, 1:14 PM
  5. Replies: 4
    Last Post: 9 May 2007, 12:59 AM

Posting Permissions

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