Ubuntu HTML5 UI SDK

Provide example of responsive layout

Bug #1275886 reported by David Barth
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Ubuntu HTML5 UI SDK
New
Wishlist
Unassigned

Bug Description

To provide a way for apps to work on both tablets & phones, we need to add examples that document the best practices:
- alternative widget layout depending on the @media queries
- use of the grid system

David Barth (dbarth)
tags: added: html5-blocker
Revision history for this message
Adnane Belmadiaf (daker) wrote :

We already provide this for the Dialog widget like in the QML SDK

[0] https://bazaar.launchpad.net/~ubuntu-html5-theme-devs/ubuntu-html5-theme/trunk/view/head:/0.1/ambiance/css/dialogs.css#L27
[1] https://bazaar.launchpad.net/~ubuntu-html5-theme-devs/ubuntu-html5-theme/trunk/view/head:/0.1/ambiance/css/dialogs.css#L107

Revision history for this message
David Barth (dbarth) wrote : Re: [Bug 1275886] Re: Provide example of responsive layout

Le 03/02/2014 15:27, Adnane Belmadiaf a écrit :
> We already provide this for the Dialog widget like in the QML SDK
>
> [0] https://bazaar.launchpad.net/~ubuntu-html5-theme-devs/ubuntu-html5-theme/trunk/view/head:/0.1/ambiance/css/dialogs.css#L27
> [1] https://bazaar.launchpad.net/~ubuntu-html5-theme-devs/ubuntu-html5-theme/trunk/view/head:/0.1/ambiance/css/dialogs.css#L107
 Yes indeed. This is the general approach I think. I'd like to have a
chat maybe before the end of the week with Alex and Florian to see if we
can provide general guidelines for CSS designers, and then people can
adapt with those guidelines in mind.

David

David Barth (dbarth)
Changed in ubuntu-html5-theme:
importance: Undecided → Wishlist
tags: removed: html5-blocker
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.
Subscribing...

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.