<![CDATA[Dashboard looks great on most devices but bug on ipad and iphones.]]>Hi there ! I'm trying to make a custom dashboard and it look great on desktop, android phone (all major browsers,...) but look crap on ipad and iphone. Look at both pictures, it's the same code. It even look great on a old android LG. I don't understand... any help/advices ?

I have some errors of timout for modules: amcharts/plugin/export/export (require.js)

desktop good:
0_1490905120807_desktop.png

ipad bugged:
0_1490905133879_ipad.png

]]>https://forum.mango-os.com/topic/2717/dashboard-looks-great-on-most-devices-but-bug-on-ipad-and-iphonesRSS for NodeFri, 08 May 2026 12:23:09 GMTThu, 30 Mar 2017 20:24:18 GMT60<![CDATA[Reply to Dashboard looks great on most devices but bug on ipad and iphones. on Mon, 08 May 2017 17:39:17 GMT]]>@philgdep Glad you got it worked out

]]>https://forum.mango-os.com/post/14363https://forum.mango-os.com/post/14363Mon, 08 May 2017 17:39:17 GMT<![CDATA[Reply to Dashboard looks great on most devices but bug on ipad and iphones. on Sat, 06 May 2017 07:02:33 GMT]]>The problem was that I had an open balise.
Wasn't using Sublime Text so didn't saw it in a long code.

Still strange that it was working everywhere else than iPad...
Maybe Chrome and FF are so smart that they correct the bad code themselves...

]]>https://forum.mango-os.com/post/14354https://forum.mango-os.com/post/14354Sat, 06 May 2017 07:02:33 GMT<![CDATA[Reply to Dashboard looks great on most devices but bug on ipad and iphones. on Tue, 02 May 2017 17:27:50 GMT]]>If you used this layout as a starting point it should stack on small devices:

<div layout="column" layout-fill flex>
    <div flex="66" layout="column" layout-gt-sm="row">
        <div flex layout="column">
            <md-card flex>
                <md-card-content>
                    Card 1
                </md-card-content>
            </md-card>
            <md-card flex>
                <md-card-content>
                    Card 2
                </md-card-content>
            </md-card>
        </div>
        <md-card flex>
            <md-card-content>
                Card 3
            </md-card-content>
        </md-card>
    </div>
    <div flex layout="column" layout-fill>
        <md-card flex>
            <md-card-content>
                Card 4
            </md-card-content>
        </md-card>
    </div>
</div>

Reading through the official angular material docs on layout should help you understand more on how this works:
https://material.angularjs.org/latest/layout/introduction

]]>https://forum.mango-os.com/post/14288https://forum.mango-os.com/post/14288Tue, 02 May 2017 17:27:50 GMT<![CDATA[Reply to Dashboard looks great on most devices but bug on ipad and iphones. on Thu, 30 Mar 2017 20:49:05 GMT]]>Hi philgdep,

I would encourage you to post your code!

]]>https://forum.mango-os.com/post/14132https://forum.mango-os.com/post/14132Thu, 30 Mar 2017 20:49:05 GMT