Basic Layout

Hello all. I'm in the process of learning html and css so I can redesign our company website. I've been reading books and pouring over online resources but it all just hasn't clicked yet. Right now I'm looking at various websites and viewing the source code to try and understand how they're constructed. For learning purposes I wonder if someone can look at the following website and give me a brief rundown of the layout and construction. No matter how brief just something to get me started in the right direction. Many thanks.
http://web.archive.org/web/20100505064742/http://www.lascalarestaurant.com/

Your best bet is to start with standard templates bundled with DW.  Look at this picture:
Go through each template and select the layout you like most and then start working on it.
If you want something to "click quickly" then try tutorials given on Adobe Website:
<http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html>
Hope this gets you started.
Hope this helps.

Similar Messages

  • Is this acceptable CSS for basic layout?

    Hi there and thank you so long for your help.
    My question refers to this link: http://www.energywa.co.za/layout/
    Is this acceptable CSS coding? I know I will need to style the #content with classes but don't want to continue with this if the basic layout is not perfect.
    Thank you so long for your help & advise.
    Regards,
    Deon

    Is this acceptable CSS coding? I know I will need to style the #content with classes
    Why?  It might be entirely possible not to use a single class on this page.
    In general your CSS is OK.  Here's how I would modify it -
    :root html {
         overflow-y:scroll;
    /* this sets scrollbars on for all browsers so that you don't have pages
    shift when moving between those that require scrolling and those that don't */
    html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
         margin: 0;
         padding: 0;
         border: 0;
    body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100.01%;
        color: #000000;
        background-color: #E2E2E2;
        text-align: center;
    #wrapper {
         width: 970px;
         background-color: #FFFFFF;
         margin: 0 auto;
    #topnavigation {
         background-color: #7FFF55;
         color: #FFFBF0;
         margin: 0;
         padding: 5px 5px;
         text-align: right;
    #header {
         background-color:#FF0000;
         margin: 0 auto; /* without declaring a width, a margin of auto does no good really */
              /* a container div has no default margins, so declaring them is redundant */
         padding: 10px;
    #mainnavigation {
         margin: 0 auto; /* see above */
         padding: 10px;
         background-color: #FFFFFF;
         border-bottom: 2px solid #000000;
    #content {
         float: left;
         width: 730px;
         background-color: #FFFFFF;
         color: #808080;
         margin: 5px;
         padding: 5px;
         text-align: left;
    #rightsider {
         float: right;
         width: 200px;
         background-color: #E0E0E0;
         margin: 5px;
         padding: 5px;
         text-align: left;
    #footer {
         clear: both;
         background-color: #FF0000;
         color: #FFFFFF;
         padding: 10px;
         text-align: center;

  • Basic Layout not rendering correctly.

    ''locking as a duplicate of https://support.mozilla.org/en-US/questions/1035123''
    Hello,
    I've been trying to debug a problem I was noticing on my production websites, so I dumbed it down to a quick codepen to show off the issue. http://codepen.io/anon/pen/GgoBNJ
    Basically, standard fonts (helvetica, arial, etc.) are not rendering correctly within a div. For some reason the text is pushing itself up ~2 pixels. Not to mention, fonts are looking very jagged within the browser for no apparent reason.
    I am setting up a basic div with hardly any styles and yet this produces two different renderings within FF and Chrome
    .box{
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 14px;
    border: 2px solid #FF5500;
    display: inline-block;
    width: 100px;
    This is causing me all sorts of headaches with designers who are trying to make layouts pixel perfect as I have zero control over something like this. Any help would be greatly appreciated!
    Thanks in advance.

    You may have zoomed the page(s) by accident.
    Reset the page zoom on pages that cause problems.
    *<b>View > Zoom > Reset</b> (Ctrl/Command+0 (zero))
    *http://kb.mozillazine.org/Zoom_text_of_web_pages
    You can right-click on a web page and select "Inspect Element" to open the Inspector (Firefox/Tools > Web Developer).
    You can check the font used for selected text in the Font tab in the right pane of the Inspector.
    *https://developer.mozilla.org/Tools/Page_Inspector
    You can do a font test to see if you can identify corrupted font(s).
    *http://browserspy.dk/fonts-flash.php?detail=1
    You can try different default fonts and temporarily disable website fonts to test the selected default font.
    *Tools > Options > Content : Fonts & Colors > Advanced
    *[ ] "Allow pages to choose their own fonts, instead of my selections above"

  • Basic Layout, HOWTO?

    I'm new to layout managers and have had a surprisingly difficult time figuring out how to get them to do what I want. As a starting point I've tried to create a basic dialog with:
    * OK and cancel buttons at the bottom-right (and stay there when dialog is resized)
    * OK and cancel buttons have the same size and do not grow as dialog is resized
    * Remainder of dialog grows when dialog is resized
    * 12 pixel border around the margins of the dialog as recommended in Sun's "Java Look and Feel Design Guidlines"
    Here's what I've come up with and was wondering if this a good approach or are there simpler alternatives?
       --JDialog BorderLayout -----------------
       |                                      |
       | - JPanel  GridBagLayout ------------ |  
       | |   "dummyPanel"                   | |
       | |                                  | |
       | |  --JPanel----------------------  | |  
       | |  |   "workingPanel"           |  | |
       | |  |                            |  | |
       | |  | (other controls go in here)|  | |
       | |  |                            |  | |
       | |  |                            |  | |
       | |  |                            |  | |
       | |  ------------------------------  | |
       | |                                  | |
       | |                                  | |
       | |  --JPanel GridLayout ----------  | |
       | |  |   "buttonPanel"            |  | |
       | |  |                            |  | |
       | |  |     -JButton-  -JButton-   |  | |
       | |  |     |       |  |       |   |  | |
       | |  |     |  OK   |  | Cancel|   |  | |
       | |  |     |       |  |       |   |  | |
       | |  |     ---------  ---------   |  | |
       | |  ------------------------------  | |
       | |                                  | |
       | ------------------------------------ |
       |                                      |
    import java.awt.*;
    import java.awt.event.*;
    import javax.swing.*;
    class TestDialog extends JDialog {
        TestDialog(JFrame parent,String title) {
            super(parent,title);
            getContentPane().setLayout(new BorderLayout());
            JPanel dummyPanel   = new JPanel();
            JPanel workingPanel = new JPanel();
            JPanel buttonPanel  = new JPanel();
            dummyPanel.setLayout(new GridBagLayout());
            dummyPanel.setBorder(
                        BorderFactory.createEmptyBorder(12,12,11,11));
            workingPanel.setPreferredSize(new Dimension(300,200));
             // 1 row x 2 cols, 5 pixel horizontal gap
            buttonPanel.setLayout(new GridLayout(1,2,5,0));
            buttonPanel.add(new JButton("OK"));
            buttonPanel.add(new JButton("Cancel"));
            GridBagConstraints c = new GridBagConstraints();
            c.gridx = 0;
            c.gridy = 0;
            c.gridwidth  = 2;
            c.gridheight = 1;
            c.anchor     = GridBagConstraints.CENTER;
            c.fill       = GridBagConstraints.BOTH;
            c.weightx    = 1.0;
            c.weighty    = 1.0;
            dummyPanel.add(workingPanel,c);
            c.gridx = 1;
            c.gridy = 1;
            c.gridwidth  = 1;
            c.gridheight = 1;
            c.anchor     = GridBagConstraints.EAST;
            c.fill       = GridBagConstraints.NONE;
            c.weightx    = 0.0;
            c.weighty    = 0.0;
            dummyPanel.add(buttonPanel,c);
            getContentPane().add(dummyPanel,BorderLayout.CENTER);
            pack();
        public static void main(String[] argv) {
            JFrame frm = new JFrame();
            TestDialog dlg = new TestDialog(frm,"Test Dialog");
            dlg.addWindowListener(new WindowAdapter() {
                public void windowClosing(WindowEvent evt) {
                    System.exit(0);
            dlg.setVisible(true);

    Thanks for the replies!
    The problem I have with FlowLayout for the button
    panel is that it doesn't make the button sizes all
    equal. Using GridLayout seems to be the easiest way
    to ensure that all the buttons are the same width.This approach will allow you to just use a FlowLayout:
    1) Since you only have two buttons, here is how you can make them equal:
    JButton cancel = new JButton("Cancel");
    JButton ok = new JButton("Ok");
    ok.setPreferredSize( cancel.getPreferredSize() );
    >
    Now, assuming that GridLayout is appropriate for the
    button panel, the problem is to keep the button panel
    from expanding with the dialog. The only way I could
    figure to do that was with GridBagLayout.1) Nest a GridLayout in a FlowLayout then you don't need a GridLayout
    JPanel grid = new JPanel( new GridLayout(...) );
    grid.add( okButton );
    grid.add( cancelButton );
    JPanel buttons = new JPanel( new FlowLayout(....) );
    buttons.add( grid );
    >
    The dummy panel's only purpose is to allow the dialog
    margins to be set with an empty border. Dealing with
    the border once and for all at the begininning seems
    simpler in the long run than trying to manage insets
    for various sub-components. The dummy panel wouldn't
    be necessary if getContentPane() returned an object
    that allowed a border to be set, but it doesn't.Thats exactly what the Swing tutorial recommends:
    http://java.sun.com/docs/books/tutorial/uiswing/components/toplevel.html#contentpane
    There's a couple of alternative to get you thinking. I have no idea what the 'best' approach is. I guess the 'best' approach is the one you understand and can maintain.

  • Robohelp 8 HTML - VERY basic layout and naming question.

    OK, I'm sure this must be obvious to everyone else because I can't seem to find it in the places I've searched. My personal experience with Help files isn't helping (yeah, I know, bad pun).
    I'm creating a RoboHelp HTML file from a PDF file.
    While importing the file I'm given the option to create a new topic based on a style. Great so far. Having done so as an experiment and looked at the output I'm of the feeling that a 'topic' is "an HTML document that would, in theory, cover an area of interest, hence the term topic".
    Then I open IE's help file I see the contents like "Finding the Web Pages You Want" and "Browsing the Web Offline". Neither of them can be selected to show information in the right pane, but both open to show what I'll call 'sub-topics', each of which DOES open what appears to be an html document in the right pane.
    Adobe's help files are a bit easier to deal with, I just navigate to the Help folder and there are all the HTML files.
    So I'm confused and I've got a major mental block that's making it difficult to proceed without getting a layout/hierarchy. And if this information is in Robohelp's help or available someplace online, just smack me in the back of the head and point me in the right direction because I'm not seeing it.
    In the Internet Explorer help, what do I call the links in the left pane on which I can click to bring up a page in the right pane? What do I call the items I can highlight that, when clicked, show a list of the clickable links? And is it accurate that if I ask RoboHelp to create a topic out of each of a given style, then I'll have a separate HTML document for each instance of that style?
    Thanks,
    Solon

    Hi there and welcome to the wonderful wild and wacky world of Help Authoring!
    The area on the left side is typically called a "Navigation Pane". The Navigation Pane usually has different views. Table of Contents (TOC), Index, Glossary and of course, Search.
    The Table of Contents view has a Books and Pages metaphor. Each Book contains Pages inside. Each Page links directly to an individual HTML file (Topic).
    Indeed if you are sucking content in from PDF, RoboHelp has to be told what the criteria is to break the long PDF document into individual HTML topic pages.
    Hopefully this helps a smidge... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • Same basic layout, multiple clients?

    I have a project that started off small, but has grown and my workflow method I think is not ideal.  Suggestions?
    The project is a newsletter for direct sales directors to share team recognition with their teams each month.  Each director has their own custom content (name lists, contact information).  Until now, managing about a dozen clients, I have been able to do this with the layout, photos, and articles - which are the same for each client - on one layer labeled layout.  Then for each individual client, I created a separate layer that has text frames, etc., to plug in their client-specific information.  Then I would simply turn on/off each client layer to export their newsletter to PDF.
    This has worked well - until now.  I have grown tremendously and gone from a dozen clients to over 100 in the past 6 months and with 125 layers, it is causing InDesign to crash, lose entire pages of the layout,etc.  How would be the best way to handle this without having to create 100 separate InDesign files each month.
    Thanks in advance!!

    Don't work with layers for this purpose. Layers are very important for production to have a correct layout.
    Set up common master pages for all.
    Set up child master pages for each purpose
    In some cases it might also work for you to use conditional text.
    For common content consider to use linked layout, which will be changed in the original and updated where linked to.
    For many purposes you might to consider to use InCopy and a content management system.

  • Basic layout question

    Can someone please tell me why my layout in dreamweaver does not look the same when it is in the browser. For example, boxes are not aligned flush right (it's off by about 1/4") but in the browser it is correct? This makes designing difficult because I don't have a true point of reference.
    Also, how do I select and move a box if it needs to be nudged over. In Indesign, I can easily select the box and drag it over. How do I do this in Dreamweaver?
    Thanks.

    Dreamweaver is a tool like any other, once you know what and how it does something things will become much clearer and easier to understand.
    The problem with the text, has to do with width and style, if you do not wish something to be on two lines (browsers word wrap), you can use the <pre> tag to display preformatted text, or the white-space nowrap property in css.
    (If you reduce your browsers size it will display the text over a number of lines)
    Using xhtml is a good thing (the debate still exists over this), as it requires you to correctly mark-up your page.
    PZ

  • Basic Layout stuff (adding) and Clearing screens

    Ok I have 2 problems I cannot figure out
    1) I am using a gridlayout (6,1) inside a panel inside the southern border of a borderlayout. I have 2 textfields and 4 buttons added to the panel. I want the buttons and textfields to be a certain size and not the size of my applet. Any Help?? Can I add buttons and Textfields to specific pixels instead of on a layout???
    2) My applet is actually a game. I have multiple classes and stuff and I need to clear objects at times to hide them so they are not visible. I know in VB there is a .visible() method. How do i make buttons, images, and textfields, invisible and visible????
    Please help
    Sam

    (1)
    Not all Layout managers repect the requested size.
    When using GridLayout each cell in the Grid will be the same size - the size of the largest component added - and the other components expand to fill the available space.
    You can position components absolutely by using a null Layout and then using the specific method - setPosition(x,y) or whatever it is. However, you can normally get the desired effect using the Layout Managers by adding Panels inside Panels.
    GridbagLayout gives you a lot more flexibility but this is also more complicated to use.
    Ideally, you should have a look at the Swing tutorial on using Layout Managers.
    For the problem at hand however, I'd set the Panel holding your button's and textfield's to be a FlowLayout as this does respect the preferred component size:
    // new Panel - components added left to right with centre alignment
    JPanel myPanel = new JPanel (new FlowLayout(FlowLayout.CENTER));
    JButton myButton = new JButton("CLICK");
    // set size of new button
    myButton.setPreferredSize(new Dimension(40,40));
    JTextField myTextField = new JTectField(5);
    // add to Panel
    myPanel.add(myButton);
    myPanel.add(myTextField);(2)
    yourComponent.setVisible(boolean);

  • WRT310N lost password and want to save basic layout before reset

    That is it in a nutshell.  I can press RESET but I will lose all the settings in the router.  Without the password, I cannot get in to even view what they were/are.  I need to modify one setting or I would not worry about it since it is working fine as is.  If I could even view the area containg what ports are mapped to what IP it would help as I could try to work with what is in there.
    The odd thing is that I have no recollection of actually changing the password.  It has been the same for a couple of years and now suddenly it would accept.
    Anyone have any ideas?

    The settings that you need to know are the username and the password from Verison DSL ( your ISP). Apart from the ISP settings there's nothing you need to write down.Reset the router for 20 secs. The WPA encryption will also be disabled.
    C | EH
    linksyshelp.blogspot.com

  • Adobe recommends: CSS page layout basics

    Over the next week, we are going to be publicizing some high-value content  from adobe.com and other community sites. We have been tracking what's   been most important to our users, and feel that getting this content out to the larger community will go a long way toward helping people tackle some of their most pressing challenges.
    Continuing on our quest for great layout tips, our next recommendation comes from yours truly:
    CSS page layout basics
    This article takes you through the A-Z of what makes up a basic CSS layout. It also shows you how to use some of the CSS layouts that come packaged with Dreamweaver.
    Give it a spin and let us know what you think!
    Previous recommendation threads:
    Use Dreamweaver CS 5.5 to package your web application for iOS and Android devices
    Customizing a Spry Menu Bar widget
    Spry Menu Bar resources
    Layout 101

    Although I love sending newbies to tutorials, I am sometimes stuck with a quandary especially when I see the word basics.
    To me, a basic layout does not require any more than
    <!DOCTYPE HTML>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Untitled Document</title>
      <style>
              body {width: 960px; margin: auto;}
              #header {height: 85px; background: #060;}
              #nav {height: 35px; background: #000;}
              #aside {height: 400px; width: 180px; background: #999; float: left;}
              #article {margin-left: 200px;}
              #footer {height: 35px; background: #000; clear: both;}
         </style>
    </head>
    <body>
      <div id="header"></div>
      <div id="nav"></div>
      <div id="aside"></div>
      <div id="article"></div>
      <div id="footer"></div>
    </body>
    </html>
    In the above I have used fixed heights. That is because I have not placed any content into the div elements, but still wanted to show the outcome.
    When the basic layout has been settled on, we can start with our niceties like resetting styles, padding for the content etc. I have noticed that David Powers has written an article (which I have not as yet read) on Modernizr wich will help as a good starting point.
    The main thing to keep in mind is to keep it simple.
    Gramps
    Oops! Sorry! the Modernizr article goes way beyond the basics. Please only tackle this if you are brave enough. The reason I thought that it may be a good starting point is beacause I have been using HTML5Boilerplate (which includes Modernizr) for quite some time now.
    Message was edited by: altruistic gramps

  • How do I create a new page with the existing layout of the one I've already created?

    Okay, I'm extremely new to DreamWeaver, just an FYI. I've been commisioned to develop a site for a company. There will be like 10 pages total on the site. I've created the home page, and I'm now attempting to make the second one. But I don't know how I can take the basic layout I created in the home page so I can add information for the other pages later. I tried saving as template, but I had to create editable regions and those got in the way. I even tried copying all the code from the original, but then the Spry menus won't work properly. I hope I conveyed my problem correctly. Any assistance will be more than helpful.
    Thanks.

    There are basicly two methods, firstly the template method you have already tried, and secondly the "includes" method. Some people use one or the other, some people mix the two. I use only the includes method.
    The includes method can be done in several ways. The PHP language has it's own method of doing includes. That's what I ususally use. You can also use the SHTML method. With the SHTML method, the material you wish to include is put in a normal HTML file, then in the file where the include will be put, it is done like this:
    <!--#include virtual="../includes/banner.html" -->
    . . .and the pages/files must have the shtml suffix, not html. That informs the server that yo are using server script in the file.
    I don't use Spry menus (or spry anything) so I can't suggest a reason you encountered a problem with it.

  • How to print the data in ALV list  format using an existing layout

    Hi all
    Iam displaying the output in ALV list format and I saved the layout with some name
    now my requirement is i have to provide a field to select the layout name with F4 help and if i execute the program it should show the output with that layout format
    I tried this iam getting F4 help for that layout and selecting the layout but iam not getting the output with that layout iam getting the normal basic layout
    Can anyone send me a sample program code or what to do to get that
    Thank you

    Hi,
    refer this code.
    DATA : wa_variant  TYPE disvariant,       "Work area for variant
           wa_variant1 TYPE disvariant,       "Work area for variant
           wa_layout   TYPE slis_layout_alv,  "Work area for layout
    *&      Form  sub_get_default_variant                                  *
    This form will initialize the variant                               *
    FORM sub_get_default_variant .
    *--Clear
      CLEAR wa_variant.
    *--Pass the report name
      v_repid = sy-repid.                     "Report ID
      wa_variant-report = v_repid.
    *--Call the function module to get the default variant
      CALL FUNCTION 'REUSE_ALV_VARIANT_DEFAULT_GET'
        EXPORTING
          i_save        = c_save
        CHANGING
          cs_variant    = wa_variant1
        EXCEPTIONS
          wrong_input   = 1
          not_found     = 2
          program_error = 3
          OTHERS        = 4.
    *--Check Subrc
      IF sy-subrc = 0.
        p_varnt = wa_variant-variant.
      ENDIF.
    ENDFORM.                                  "sub_get_default_variant
    *&      Form  sub_f4_for_variant                                       *
    This form will display the List of Variants                         *
    FORM sub_f4_for_variant .
    *--Local Variables
      DATA: lv_exit(1) TYPE c.                "ALV exit
    *--Call the function module to display the list of Variants
      CALL FUNCTION 'REUSE_ALV_VARIANT_F4'
        EXPORTING
          is_variant    = wa_variant
          i_save        = c_save
        IMPORTING
          e_exit        = lv_exit
          es_variant    = wa_variant1
        EXCEPTIONS
          not_found     = 1
          program_error = 2.
    *--Check Subrc
      IF sy-subrc <> 2 AND lv_exit IS INITIAL.
        p_varnt = wa_variant1-variant.
      ENDIF.
    ENDFORM.                                  "sub_f4_for_variant
    *&      Form  sub_check_variant                                        *
    This form will check the variant                                    *
    FORM sub_check_variant .
      IF NOT p_varnt IS INITIAL.
        CLEAR wa_variant1.
        MOVE wa_variant TO wa_variant1.
        MOVE p_varnt TO wa_variant1-variant.
    *--Call the function module to check the variant exist
        CALL FUNCTION 'REUSE_ALV_VARIANT_EXISTENCE'
          EXPORTING
            i_save     = c_save
          CHANGING
            cs_variant = wa_variant1.
        wa_variant = wa_variant1.
      ENDIF.
    ENDFORM.                                  "sub_check_variant
    Regards,
    Prashant

  • How can I freeze (lock) my Spread Sheet layout in Numbers?

    How can I freeze (lock) my Spread Sheet layout in Numbers?
    I have problems with Numbers changing my Spread Sheet layout
    by adding extra Rows while I am not looking, or while I engage in dragging its pages with the mouse to see info on adjacent pages.
    The layout I use consists of a Spread Sheet containing 4 "print" pages, ea.  8.5" x 11" wide, with a total of 36 Rows and 28 Columns. 
    The SS is filled with new cell values daily, but the formulas stay mostly the same. The print pages are visible on the computer screen side by side, and each Row extends over these 4 pages.
    It happens sometimes that I have to change a formula while making entries on a cell in "page 4", and then need to "accept"
    the new entry and formula "aaalll" the way on the very left of "page 1".  So here I try to scroll left or drag the present view
    with the mouse.  I also have to use the "Zoom" at 150 % because I cannot see well on my MacBook Air, everything is rather small.
    I suspect that during dragging with the mouse I drag cells or rows without knowing, and that this will add extra Rows derailing some formulas or values because a cell is suddenly in a different Row.
    It is difficult to find which Row was added and what values where thus changed.  One just sees 38 rows instead of the orihinal 36!  The only way is to move all the cell values out of rows 37 and 38, and find where theey used to be on the previous day's saved locked sheet.   Needless to say that when that happens twice in a days work, it means a lot of lost time.
    I have checked the Numbers Manual and searched Help Info for ways to lock an established cell layout and could noy find anything.
    I cannot believe it, maybe I missed something.  I worked for about 35 years with Clarisworks and Appleworks Spread Sheets and never had the same problem, layouts were locked by design, and could only be changed by special procedures.
    Now is there a way to freeze or lock the basic layout of a spread sheet in Numbers? 
    I appreciate your help.   (Numbers 2.3, Mac OS 10.8.5. MacBook Air)

    Hi Numbers22,
    I guess I was just beating around the bush to avoid simply saying, "No, you cannot lock the layout." So there it is.
    I am not sure why you are scrolling  to "accept" a formula. That is unclear. I guess you building a new formula and need to use a cell from an early column. It is also unclear to me as ot how you are actually adding extra rows. I haven't been able to do it on my machine without clicking the little arrow in the row number or using Option-↑ (or -↓). Option-↑  would add a row above the row you are in if they somehow got pressed. Do you have a program running that could be interpreting something your are doing for those keystrokes? If I was standing at your shoulder I might be able to see what is doing it.
    What I am suggesting is that you play around with your trackpad settings so that you are not selecting and tapping in your table while you attempt to scroll. I do have one sheet with two tables side by side with a total of 425 columns and I can scroll past them without modifying them. So perhaps turning off tap to click in system preferences will help. If you have an option to decrease trackpad sensitivity then try that (I don't, but I remember having it somewhere in the past). If you are using a mouse see what you can do to decrease the sensitivity for a click. If your computer is old it could be that the trackpad is wearing out and throwing random clicks. You might try using another input device if you have one.
    quinn

  • How to Insert Fields in ColumnSet of Change Layout Buttonof ALVgrid Output?

    Hi Guys,
                Can anybody tell me how to insert columns in Column Set of Change Layout Button.My Reuireemnt is i Have to display the Basic Layout and have to provide the other fields in the "Columnset" in Change Layout which will be displayed when u clcik the Change Layout button in the ALV Grid Output screen. so that user can select based on their usage.
              Please Very Urgent.
    Thanks,
    Gopi.

    You can try this ... which field you dont want to show in the fieldcatalog you can use
    fieldcat-fieldname = 'F1'.
    fieldcat-no_out  = 'X'
    ( suppose F1 field you dont want to show).
    But it will appear when user click on the change layout button.
    regards
    shiba prasad dutta

  • Mobile/Phone Layout Preview Issue

    Hi all,
    I've just made my first attempt at a basic layout on a master page for the mobile version of a site I'm working on, but when I go to Preview mode things just aren't displaying properly...
    I have a tiled background image, a header with a logo and an image where my menu button will likely go, and in the footer I have social media icons and a copyright notice (though this will likely change). The page is blank but has rounded corners and a gradient fill. That's it so far. Sounds simple, right? Everything's centrally aligned and all lined up to what SHOULD be the left and right hand sides of the browser window, yet when I go to Preview mode, EVERYTHING seems to shift to the left for some reason? And I assume that since I can't see the footer content in Preview mode, that the user would have to scroll to see this? Which, in itself is odd since I haven't stretched the standard page height...?
    The attached images should help convey what I mean.
    Design Mode (content blurred out):
    Preview Mode (portrait):
    Preview Mode (landscape):
    Can anyone advise on anything I'm doing wrong, or whether or not this is a bug? I tried this in v3.1 prior to the latest update (I'd stayed on 3.1 for a while!), and it did this, so I decided to update to v4 just in case it was a bug in 3.1, but the same thing is occurring. Anyone have any suggestions or ideas?
    Ideally I want to have the finished desktop version, and both a smartphone and tablet version of this site go live at the same time, in 3 days' time, so any swift help would be greatly appreciated.
    Thanks.

    By looking at the guides in the first screenshot, it appears that in order to reveal the Browser Fill area on a phone layout, you have dragged the Top of Page guide down by a few pixels and brought the Header guide to overlap it. Similarly, you have dragged the Bottom of Browser guide down a little lower to reveal the Browser Fill area at the bottom and overlapped the Footer guide with the Bottom of Page guide (or the other way around). Doing so doesn't increase the Min height for the page but makes the overall height of the content area large enough to cause the bottom area to hide when using the smaller iPhone 4 Preview (like in your case). If you switch to iPhone 5 Preview and other larger devices, you might be able to preview the cropped area.
    However, please note that the Preview mode for Phone and Tablet layouts do not emulate actual device behaviours and in order to test them, it is recommended to publish the mobile pages to a webhost and test on actual mobile devices.
    Thanks,
    Vinayak

Maybe you are looking for