Responsive Iframe Behavior

DrewAllen88 / Enhancements

Working enhancement list for Marsh.com.

1 stars 0 forks source link

Responsive Iframe Behavior #32

Open DrewAllen88 opened 9 years ago

DrewAllen88 commented 9 years ago

Allow for the iframe to disappear on mobile and tablet - or responsive. Right now the iframe remains visible on smaller viewports but doesn’t function well, this enhancement allows for two RTEs to be present instead at the two different viewports.

timproDev commented 9 years ago

possible performance issue when on mobile device as the src attribute of the DOM element is still active, though hidden by CSS

DrewAllen88 commented 9 years ago

Additional info:

The RTE's would be given a class that makes them only visible on mobile and tablet, so the iframe would have the opposite and have a class so only visible on desktop.

DrewAllen88 commented 9 years ago

Any way we can get the two fields actually built into the iframe component? So the author has the option to author 3 fields:

Iframe URL
Link to URL for Tablet
Link Text for Tablet
Open in New Window? check box
Link to URL for Mobile
Link Text for Mobile
Open in New Window? check box

The first field is the standard iframe, when the view port is sized down to tablet and mobile the display text comes up as an href to the links provided.

DrewAllen88 commented 9 years ago

@timproDev need to talk to BAU about this to get in sync

timproDev commented 9 years ago

@timproDev bring up in call

timproDev commented 9 years ago

@DrewAllen88 would you agree that the link to url and the link text would be the same for both tablet and mobile? is there a reason why we are separating them?

timproDev commented 9 years ago

tim to generate screenshot of design

DrewAllen88 commented 9 years ago

Yes they can be the same. @timproDev Example page: https://www.marsh.com/us/careers/marsh-careers-database.html