Tablet design - vertical & horizontal layouts

Hi all!

I recently installed Muse and I do a little a friend site using this tool and I decided to also make a version for tablets and phones.

The new tools are incredibly useful for that I am really happy for it, but I have a little problem.

I created a layout for the Tablet and it is vertical, it's ok... but when I turn the Tablet, it is always the same presentation but for vertical screens and it looks a bit ugly in horizontal view.

My question is, how to set a layout for a horizontal view tablet/phones (we got vertical by default). I searched for a while, but I have not found the answer to this.

Incidentally, I have to say that I was pretty skeptical about the muse because I'm used to encode my sites and I am quite astonished by the code it creates, it is validated by the w3c without problem, it's really nice... keep it going guys!

With the release of Muse 4.0 today, Tablet and phone overview now has a toggle to see a preview of the Portrait mode or landscape. However, please note that the preview mode no emule not real device behaviors and we recommend publishing site a host to test it. Please refer to the release notes for Muse for more information.

http://helpx.Adobe.com/content/help/en/Muse/release-note/Adobe-Muse-release-notes.html

Thank you

Vinayak

Tags: Adobe Muse

Similar Questions

  • Tablet vertical/horizontal layout PROBLEM

    In Muse, version pour default nominal Tablet est en vertical. A square image 650 PX appears so good on a Tablet read vertically. But if I return to the Tablet (iPad) horizontally, this image 650 px is swollen (height of the truncated so in and rasterized)-l'image does not stay in its original size, there is a significant phenomenon with the tablet placed horizontally.

    Y' a solution of a t - it pay that the image remains its original size regardless of the position of the Tablet (Conference in mouth or portrait)?

    or can we make 2 layouts (portrait and landscape) as in Adobe DPS?

    Thanks in advance to goodwill

    Reactive Adobe Muse CC 2015 is now online. Please install the update of CC > Apps.

    What's new: news summary

    Release notes: https://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html

    Delicate design:

    Adobe help Muse | Create responsive Web sites

    Adobe help Muse | Responsive web design in Adobe Muse

    Adobe help Muse | Migrate existing Adobe Muse Web sites to answer

    Tutorials

    To get started with Adobe Muse (replaces how to make a website with Adobe Muse (coffee of Katie)):

    - https://helpx.adobe.com/muse/how-to/create-responsive-website.html

    Create a sensitive webpage with Adobe Muse:

    - https://helpx.adobe.com/muse/how-to/responsive-web-design.html (more detailed features RWD of Muse demo)

    Thank you

    Sanjit

  • Vertical & Horizontal layouts

    Hi all

    Need some advice if possible? We were give the task to convert a magazine printed in a format digital iPad. The customer sent us only the files PDF that is sent to the printing press! We cut and add them in a vertical arrangement, but we need to add them to a horizontal presentation - that we did - problem, that we see double horizontal "spreads"...

    We are new to DPS and folio builder and can't seem to understand this.

    That's how we see - that is, if its possible at all?

    Page (vertical) 1_v

    Page 1 & 2 (sewn together) for schooling (horizontal) mode

    So when they turn the iPad they can post it... simple landscape mode!

    Problem is that we have when we come to the "2_v" Page we need to 'Page 1 & 2_h' again? When the user reads in Horizontal mode will be displayed "Page 1 & 2 twice" we cannot have a blank page is missing because the folio will say error.

    Hope that make sense...

    We do not support importers/items updates by replacing them. If you want to import files you must have separate documents, H and V.

    Neil

  • Why has my Automatic rotation of the ipad stopped when I pass the vertical horizontal screen remains in the vertical position?

    Why has my Automatic rotation of the ipad stopped when I pass the vertical horizontal screen remains in the vertical position?

    Not all applications are supported both orientations. If you experience of this with an app that should work, you know, you most likely locked up the switch of direction. Drag your finger from the bottom of the screen bezel to display Control Center. Tap on the lock with a circular arrow icon.

  • Vertical horizontal ratio has been changed accidentally. Now a vertical oblong (eg. a playing card) looks like the place and all the letters and pictures seem to be shortened.

    I suspect that I accidentally pressed a button or two on my Toshiba Satellite M55 and now all the images and the text have changed their vertical horizontal ratio. As a result, a vertical oblong (like a playing card), now looks like the place and all the letters and the images seems to be shortened or at least more wide than they should be. Is it possible to restore the original report? I tried access to control panel, hot key lists etc but can't find anything that actually return my screen to a normal appearance. Can anyone help please?

    Check Toshibha manul to press the function key to undo the changes.

    Good luck!!

  • How can I insert vertical + horizontal rules in Muse CC 2015 page layouts?

    I want to insert a horizontal or vertical ruler as a page break on some pages. Some full length, some columns. Can someone tell me please how to do this? As well as the change of color and thickness of the said rule. Thank you! B

    Thank you Brad! Insert the HTML code

  • How can I put the code in dreamweaver/designer side by side instead of up and down?... Vs vertical horizontal screen

    Screen Shot 2015-05-23 at 1.45.59 PM.png

    Go to view > split vertically.

    Nancy O.

  • Misleading iOS keyboards Vertical/Horizontal (iPhone6/iOS9.2

    I recently spent an iPhone6 (from 5) and noticed (probably a change that I have not noticed before and may not check more) a light but extremely annoying difference in the configuration of the keyboard when you use the phone vertically or horizontally.

    I'm a native French speaking but often switched from French to English and vice versa.

    Therefore, I have several keyboard/languages are installed.

    The key to switch keyboard language (globe) and the key of the keypad (123) switch are reversed during the rotation of the keyboard.

    It's really annoying because it's easy to hit the wrong key and sudden change of language and get (if you have this feature active) regarded as unwanted automatic corrections of certain words - the image below show misleading patterns.

    NOTE: I have an iPad4 too (iOS9.3 public beta2) and two horizontal and vertical keyboards are corresponding to the vertical layout on my iPhone6 (as long as the key to the language switch / digital are concerned), so no problem there.

    For Apple to see your request, repost it to

    http://www.Apple.com/feedback

  • synchronization of the Tablet design changes

    I made substantial changes to the Web site design at the request of the customer, but these changes synchronize on the Tablet and phone versions of the site. Do I have to manually update each of these sites?

    Hello

    As Muse to create separate and record pages for the phone and table layouts they are not interconnected with desk combination.

    You must go to each page, then make the desired changes. To go to each page layout you must go to the plan view and at the top, you will be able to select them.

    Concerning

    Vivek

  • Decoration around components to display either vertically / horizontally

    Let's say I have a file XMHTL which has two user interface components. Then, I want to be able to decorate around and between them:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:composite="http://java.sun.com/jsf/composite"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:ui="http://java.sun.com/jsf/facelets">
    
         <ui:composition>
             <ui:insert name="before"/>
             <h:inputText id="input1" value="#{bean.input1}"/>
             <ui:insert name="between"/>
             <h:inputText id="input2" value="#{bean.input2}/>
             <ui:insert name="after"/>
         </ui:composition>
    </html>
    {code}
    
    I want to have them either displayed vertically, or horizontally. Let's say I would like to use an HTML table do display them horizintally.
    ( I could have used HTML divs, but the problem would be the same. In any case, this is just for illustration purposes to get the question across ):
    
    {code}
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:ui="http://java.sun.com/jsf/facelets">
    
         <h:head/>
         <h:body>
            <ui:decorate template="tobedecorated.xhtml">
                
                <ui:define name="before">
                    <table>
                        <tr>
                            <td>
                </ui:define>
               
                   <ui:define name="between">
                               </td>         
                               <td>
                   </ui:define>
               
                   <ui:define name="after">
                               </td>  
                           </tr>
                       </table> 
                   </ui:define>
            </ui:decorate>
         </h:body>
    </html>
    {code}
    
    Of course this will not work, as the XHTML is not well-formed.
    
    Basically, given a number of UI components, I would like to have one XHTML file, and another XHTML file that will decide whether they should be displayed horizontally or vertically. Thus, I would only need to look at one file to find where the input control(s) is/are used.
    
    ... but I can't figure out a decent way to do this .. apart from making another complete copy of the same XHTML file just to change the layout, but that would mean maintaining them separately ( same input ids ... as long as I don't include both at the same time ).
    
    Any ideas ?
    
    Edited by: jmsjr on 17-Jan-2013 21:10                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

    I would use css and javascript here.

    The CSS frameworks like twitter bootstrap have classes that you can add to your components that change, that the child elements appear in layers vertically or horizontally for example of components in a form http://twitter.github.com/bootstrap/base-css.html#forms

    Probably all that happens is that when the container is loaded just javascript function runs child divs attributing all their tanks left for horizontal alignment.

    Published by: r035198x on January 18, 2013 07:23

  • Problems with absolute average vertically/horizontally

    I searched and I can't find any solution for my problem, I apologize if it seems redundant.  I created a website in Photoshop, using the slice tool, designated links, then imported into Dreamweaver.  My question is what actually load in the Middle vertically.  It is always centered horizontally but not vertically.  If you could take a look at the site and let me know what I am doing wrong I would be forever indebted to you!

    http://www.straydogfilms.com

    apathetic15 wrote:

    I searched and I can't find any solution for my problem, I apologize if it seems redundant.  I created a website in Photoshop, using the slice tool, designated links, then imported into Dreamweaver.  My question is what actually load in the Middle vertically.  It is always centered horizontally but not vertically.  If you could take a look at the site and let me know what I am doing wrong I would be forever indebted to you!

    http://www.straydogfilms.com

    It then... no doctype not declared... which makes it easier.

    What you have to do is to wrap the existing table in a table of its own.

    (1) page, switch to view the code and insert the first three lines of code below directly before the already existing table code.





    (2) scroll to the end of the code and insert the two lines of code that you see below after




  • How can I move my taskbar vertically & horizontally?

    How can I get my toolbar to switch from vertical to horizontal?

    http://Windows.Microsoft.com/en-AU/Windows-Vista/unlock-and-move-the-taskbar

    Unlock and move the taskbar

    Once you unlock the taskbar, it is ready to move to any horizontal or vertical office edge.

    See you soon.

    Mick Murphy - Microsoft partner

  • Pen tool - blurry no vertical/horizontal lines

    Im a noob, a big one at that. I found how to make straight lines, which was not easy but now when I try to make straight lines diagonal it runs always fuzzy. I have a logo that I made with the same result. The two vertical lines are straight and clean, while those who are blurred. Please halp.

    a131f848cd.png

    Vertical and horizontal lines follow a line of pixels, diagonal lines only and are often anti-aliasing, they appear jagged. It is the nature of pixel imagery based, unlike such vector used in Illustrator.

  • How to remove the spaces between the textfield in a horizontal layout - ADF Mobile

    snip.png

    Please tell me how to reduce the width of the 1st two textfields whose number of 971 and 50 and increase the width of the textfield "mobile".

    My code is given below

    < amx:panelGroupLayout id = "gp1" layout = "horizontal" >

    < amx:inputText value = "971" hintText = "Country Code" id = "it3" inputType = 'number' simple = "true" inlineStyle = "width: 70% margin-left: 5px" / >

    < amx:inputText value = "50" hintText = "Code" id = 'it8' inputType = 'number' simple = "true" inlineStyle = "width: 70% of margin-left: 5px" / >

    < amx:inputText value = "#{pageFlowScope.mobile_number}" hintText = 'Mobile' id = "it6" inputType = 'number' simple = "true" inlineStyle = "width: 100%" / > "

    < / amx:panelGroupLayout >.

    Width of the 1st two fields should very less that we will get that 2 or 3 numbers. Where are mobile, the width must be more as we enter the 10 numbers.

    This means that for example alignment must be as shown in the picture below. And the space between them must be equal and uniform as shown in the image below.

    pic.png

    Please help me someone

    Try using rowLayout as:

    
          
            
          
          
            
          
          
            
          
    
    
  • Blue dotted vertical / Horizontal dotted lines in Source and program monitors

    Hello.

    I was cutting a project on an iMac for the last week (external drive - G-Technology G-DRIVE with Thunderbolt 3 TB - don't know if it matters) and just opened the project file on my MacBook Pro while I'm on the road and, although the reading itself is permitted, when images stops playing in my Source or my default monitor program to a black screen with vertical dotted lines blue and dotted horizontal (very low).

    Premiere-Error.jpg

    Close-up:

    Premiere Error CU.jpg

    Although this is not the end of the world, it is also far from great.

    Any help would be massively appreciated.

    Thank you.

    First, see if the update to the fixed bug Mac 10.11.1 will help you

    -an exchange of views of 10.11.1 https://forums.adobe.com/thread/1986008

    He has problems with Mac 10.11 El Capitan... which is perhaps one of them

    See answer #5 in https://forums.adobe.com/thread/1965850 for several solution links

    -the first link that the answer is a possible solution to install problems

    -There is also a link on the video display problems in Premiere Pro

    - and many other programs... MORE Microsoft Office also has problems

Maybe you are looking for