responsive design in HTML5 outputs

This forum is for Single-Sourcing your Flare content to multiple outputs.

responsive design in HTML5 outputs

Postby pdenchfield on Wed Apr 12, 2017 10:16 am

Looking for best practices in setting up responsive designs for HTML5 outputs. We have 20+ outputs hosted on our documentation site that are almost all tripane right now. We want to move them to top-nav.

For example, the HTML5 skins have the web, tablet, and mobile mediums set up correctly, but the footer is super tall, which messes up mobile look-and-feel. Looking for gotchas like that :)

Thanks!
User avatar
pdenchfield
Propellus Maximus
 
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA

Re: responsive design in HTML5 outputs

Postby Dave Lee on Thu Apr 13, 2017 12:26 am

There are various ways to handle responsive layout in Flare, any advice really depends on how you're approaching it and what you want to achieve.

To start with, I'd read this topic in the help:
http://help.madcapsoftware.com/flare201 ... ontent.htm

This gives you a few options for handling layout of your topic content:

(A) Flare's Responsive Layout control (Home > Responsive Layout)

(B) Foundation grid (v5.5), which is already included in HTML5 outputs.
You can use any of the Foundation styles for:
Grid layout: http://foundation.zurb.com/sites/docs/v ... /grid.html
Visibility: http://foundation.zurb.com/sites/docs/v ... ility.html


In addition to the grid layout systems above, you can also set styles for each medium in your stylesheet (e.g. phone, tablet).
Dave Lee
Master Propellus Maximus
 
Posts: 5657
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: responsive design in HTML5 outputs

Postby pdenchfield on Thu Apr 13, 2017 3:42 pm

Thank you, Dave! I'll check back when I can better frame my questions :)
User avatar
pdenchfield
Propellus Maximus
 
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA


Return to Single-Sourcing

Who is online

Users browsing this forum: No registered users and 3 guests