<html><head><meta http-equiv="Content-Type" content="text/html charset=windows-1252"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Without going into too much detail (probably already too late for that statement…) I believe what you are seeing is actually an *opportunity* to customize, not a requirement.<div><div><br></div><div>Media Query (CSS3 option) allows for formatting based on the device being used to display.</div><div><br></div><div>You can define as many or as few targets as you like, and the definitions can be within ranges. </div><div><br></div><div>That means you can choose to:</div><div><ul><li>define one "look" for everything, </li><li>define mobile, tablet, laptop and large monitor targets</li><li>define more explicitly for specific devices</li></ul><div>Regardless of the tool, the CSS3 simply needs to know the things that are important to you, and then apply the formatting based on the user's device of choice.</div></div><div><br></div><div>RoboHelp provides device definitions for things available today, and allows you to define new things as they become available, or customize the things that already exist.</div><div><div><div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif; "><br class="Apple-interchange-newline"><br></div><div style="color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; margin: 0in 0in 0.0001pt; font-size: 13px; font-family: Calibri, sans-serif; "><i>-Matt</i><o:p></o:p></div><div style="color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif; "><br></div><div style="color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif; "><b style="font-size: 13px; "><span style="font-size: 12px; font-family: Arial, sans-serif; color: rgb(95, 73, 122); ">Matt Sullivan</span></b><span style="font-size: 9pt; font-family: Arial, sans-serif; "> </span><span style="font-size: 7.5pt; font-family: Arial, sans-serif; color: rgb(116, 116, 116); "><br><i>technical communication | online training | eLearning</i></span></div><div style="color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif; "><span style="font-size: 7.5pt; font-family: Arial, sans-serif; color: rgb(116, 116, 116); "><b><br></b></span><span style="font-size: 7.5pt; font-family: Arial, sans-serif; color: rgb(127, 127, 127); "><b>twitter: </b><a href="http://twitter.com/mattrsullivan" style="color: blue; ">@mattrsullivan</a></span><span style="font-size: 7.5pt; font-family: Arial, sans-serif; color: rgb(116, 116, 116); "><br><b>phone:</b> 714 960-6840 <br></span></div>
</div>
<br><div><div>On Feb 11, 2013, at 9:37 AM, "Carol J. Elkins" <<a href="mailto:celkins@awrittenword.com">celkins@awrittenword.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite">Matt, yes I am using RH's Multiscreen output. I'm annoyed at the differences in the out-of-box options for the various device outputs. There doesn't appear to be a unified "set" that retains the same color scheme or other skin characteristics. But my biggest whine is that RH10 treats the device outputs as separate entities with a separate folder for each output device. There is a separate index.htm file for each output device. And within each device folder, the entire set of templates for each device is repeated. For example, here is a simplified folder structure to illustrate:<br>!ISSL!<br>--Multiscreen_HTML5<br>----|android_galaxy_tab<br>------|index.html plus my project files<br>------|template<br>---------|Android_Phone_Layout<br>------------|all PNG files for the layout<br>--------|-Desktop_Knowledge<br>------------|all PNG files for the layout<br>---------|iPad_Layout<br>------------|all PNG files for the layout<br>---------|iPhone_Layout<br>------------|all PNG files for the layout<br>---------|Kindle_Fire_Layout<br>------------|all PNG files for the layout<br>---------|resources<br>---------|scripts<br>------|whxdata<br>----|android_phone<br>------|index.html plus my project files and the other folders as listed above<br>----|desktop<br>------|index.html plus my project files and the other folders as listed above<br>----|ipad<br>-------|index.html plus my project files and the other folders as listed above<br>---|iphone<br>------|index.html plus my project files and the other folders as listed above<br>----|kindle_fire<br><br>I don't understand why the redundancy is necessary. So what I'd like to know is whether or not WWP's output contains this redundancy or whether they build all of this into one separate HTML5 and one separate css. It seems to me that as the device market expands and new devices are added, RH will be limited by what it is currently configured for. What I see in WWP suggests that their coding will be truly "responsive" and flexible regardless of the device that displays the output. If I'm wrong here about either product, let me know. That's what I'm trying to determine.<br><br>Carol<br><br>At 09:38 AM 2/11/2013, you wrote:<br><blockquote type="cite">@Carol, are you using RH's HTML5 SSL, called Multiscreen?<br><br>Although you can still create SSL's per device, using Mulitscreen as your SSL produces only one set of HTML files, with a single CSS3 to do exactly what you mentioned in your post.<br></blockquote><br></blockquote></div><br></div></div></div></body></html>