Results 1 to 6 of 6

Thread: 2.4.2 Prod Build for Multi-Themed App - TabPanel Rendering Issues

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Sep 2009
    Posts
    12

    Default 2.4.2 Prod Build for Multi-Themed App - TabPanel Rendering Issues

    My app, built via
    Code:
    sencha app build testing
    works great, but fails to render the TabPanel properly when build via
    Code:
    sencha app build production
    This app has multiple themes: a windows device theme, a Material theme for android, Cupertino for iOS devices.

    Touch Version: 2.4.2

    Broswer versions:

    Chrome 45.0.2454.85 m
    Mobile Chrome on HTC Desire Eye
    Mobile Chrome on HTC One

    Here's the "css' value from app.json.

    Code:
    "css": [
            {
                "path": "resources/css/wp.css",
                "theme": "Windows",
                "platform": [ "ie10", "tizen", "windows" ],
                "update": "delta"
            },
            {
                "path": "resources/css/mountainview.css",
                "theme": "MountainView",
                "platform": [ "chrome", "android" ],
                "exclude":  ["ios", "ios-classic"],
                "update": "delta"
            },
            {
                "path": "resources/css/cupertino.css",
                "theme": "Cupertino",
                "platform": [ "ios", "safari" ],
                "exclude": [ "chrome", "android", "ios-classic" ],
                "update": "delta"
            },
            {
                "path": "resources/css/cupertino-classic.css",
                "theme": "CupertinoClassic",
                "platform": [ "ios-classic" ],
                "exclude": [ "chrome", "android", "ios" ],
                "update": "delta"
            }
        ],

    Here's a screenshot of the problem (notice how the tabpanel doesn't extend to the edges of its parent container in the production build).


    st-portfolio-2.4.2-prod-build-tabpanel-display-issue.png


    Here's a screenshot of the DOM, specifically the tabpanel items (issue/bad):

    st-portfolio-2.4.2-prod-build-broken.jpg


    Here's a screenshot of the DOM, specifically the tabpanel items where there is no rendering issue (non-issue / okay):


    st-portfolio-2.4.2-test-build-okay.jpg


    You can check out the working test version here:

    http://dankemper.net/t3/examples/sen...ViewPortfolio/

    Thank you,

    -Dan

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108

    Default

    What version of Sencha Cmd are you using? Can you provide the src for a test case that would reproduce this issue?

  3. #3
    Sencha User
    Join Date
    Sep 2009
    Posts
    12

    Default Reply with app.js with only app-specific code and cmd version.

    The cmd is v5.1.1.39.

    I have beautified, and attached the production version of app.js, stripped of sencha touch 2.4.2 code and so it just contains my application's code. The attachment is named app-no-st-prod-build-repro.js.txt.


    -Dan
    Attached Files Attached Files

  4. #4
    Sencha User
    Join Date
    Sep 2009
    Posts
    12

    Default Better app source

    Here's a link to the app source, probably more in the folder structure, format, etc. that you are used to. This is what I work with regularly build folder not included due to size.

    http://dankemper.net/dropbox/app.zip

  5. #5
    Sencha User
    Join Date
    Sep 2009
    Posts
    12

    Default Upgraded to Cmd 6.0.1.76 - Still Same Problem

    Just checking in ... I upgraded the Material package and the app as a whole to Sencha Cmd 6.0.1.76 and still the exact same problem.

    Hope this helps,

    Dan

  6. #6
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108

    Default

    I could not reproduce on Galaxy S4 (Android 5.0.1) or a Nexus 7 (Android 5.1.1) on Chrome 45.0.2454.94. When using Sencha Cmd 5.1.3.61. Could be a device (HTC) or Chrome issue. You may want to try with this version of Sencha Cmd and upgrading your version of Chrome.
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

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

    Need to include a test case use:
    The official Sencha Fiddle

Similar Threads

  1. Replies: 2
    Last Post: 6 Aug 2013, 5:55 AM
  2. Replies: 2
    Last Post: 31 Jul 2012, 1:28 PM
  3. Replies: 1
    Last Post: 21 Jun 2012, 5:03 AM

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
  •