Grid Layout in theme 26

Hi,
I am using Oracle Apex 4.2.1
I have been following a Youtube Video from Oracle Learning: http://www.youtube.com/watch?v=dPgQZTsdSBI
The video demonstrates an example of grid layout for regions. The layout has 12 columns and and 4 regions, the regions using 3 columns each. In the video the regions align perfectly.
I have tried to recreate this in theme 26 but it does not work. I have set theme 26 to reference the page templates for theme 25. However, this does not work and the regions appear next to each other using 1 grid each with no spacing.
Any ideas on how to fix this in theme 26?
Thanks,
JIM

JIM wrote:
Hi,
I am using Oracle Apex 4.2.1
I have been following a Youtube Video from Oracle Learning: http://www.youtube.com/watch?v=dPgQZTsdSBI
The video demonstrates an example of grid layout for regions. The layout has 12 columns and and 4 regions, the regions using 3 columns each. In the video the regions align perfectly. The video demonstration uses theme 25, which has page templates set up for a CSS grid system with 12 fixed-width columns.
I have tried to recreate this in theme 26 but it does not work.The theme 26 page templates are configured to use HTML table layout with a dynamic, variable number of columns. HTML tables expand to fit their contents, so the width of the columns is also variable.
I have set theme 26 to reference the page templates for theme 25.Don't know what you mean by this. Please explain in more detail.
However, this does not work and the regions appear next to each other using 1 grid each with no spacing.
Any ideas on how to fix this in theme 26?Basically there's nothing to "fix". This is how the table-based layout used in theme 26 works. The regions only appear to use "1 grid each" because their content is all the same size. If you add different content to the regions (as I have) then the table columns change width to fit it. You could use CSS to apply fixed widths to the columns, but that kind of defeats the purpose of using table-based layout.
The themes in APEX 4.2 don't appear to specify spacing between regions when using HTML table layout, but this can be controlled using CSS.
Why are you trying to use theme 26 rather than theme 25 as shown in the video demo? They don't look that different.

Similar Messages

  • ALV Grid Layouts - Setting them user-specific

    Hi everybody -
    I am using the ALV grid layout for a report using function module REUSE_ALV_GRID_DISPLAY.  There are a number of fields that are not immediately viewed on screen - they are in hide mode within the field catalog.  We want to allow the users to add them / remove them from the report using an ALV variant.
    I can allow the users to add/remove with a layout variant no problem - but I am having an issue allowing them to save the variant that they are using to view the data, as user-specific.  For whatever reason, they are only allowed to save their layout variants as global - the "User-specific" box is grayed out.
    Does anyone know how I can get the "User Specific" box to be NOT grayed out within an ALV grid?
    Thanks!
    Abby

    Set the I_SAVE parameter to 'U' in your function call.
    Regards
    Rich Heilman

  • Apex 4.2 theme 25 grid layout setting.

    Hi
    I know this is silly question but i had to ask you because i have i tried enough , i have done this before but it not working for me right now. :(
    I have 4 region on page .
    Region 1 Grid Layout
    Start New Row     Yes
    Column          Automatic     
    Column Span     Automatic     Region 2 Grid Layout
    Start New Row     Yes
    Column          1
    Column Span     4Region 3 Grid Layout
    Start New Row     NO
    Column          5
    Column Span     4Region 4 Grid Layout
    Start New Row     YES
    Column          1
    Column Span     8In Region 4 I have 11 number field items with setting.
    New Line YES
    New Field YES
    Width 11
    Height 1
    Column Span null(default)
    Row Span    null(default) I want to arrange first 6 in column 1 last 5 in column 5
    I played around the setting by changing column on item to start with 1 and 5 respectively and and set the NO to start new row.
    But it justs move little away to right not really to actual 5 column in grid.
    Your Input is appreciated.
    Thanks

    BUG in 4.1 application theme 25

  • APEX Theme 25 - Responsive Grid Layout Question

    Hi
    What is the best way to control an item to be positioned right next to the other item on the same row.
    I have a select list that I would like to have an edit button right next to it.
    I created two items for example:
    P_MY_SELECT_LIST Grid set New Line to Yes, Auto
    P_MY_EDIT_LINK Grid set New Line to No, Auto
    But it is not doing what I expected.. what am I missing?
    When it was tables not divs I had no trouble but now I need to learn the kep to using the Grid.
    When I hard code the edit in the Post Element of the item it works great with 2 spaces... but I can't control the item by the AUTH Scheme. I don't want them to show up unless you have the proper role.
    Plus, I want to learn the new 4.2 way!
    Thanks, Bill

    Hi Scott, Bill,
    Because Theme 25 relies on grid for most of it's positioning, it is difficult to do accomplish what was sometimes much simpler when using the tables approach for form layouts. This also happens to be one of the biggest issues with Theme 25: proper form and label positioning.
    If we look back to using tables for form layout we would see that a structure would be created immediately when we started laying out items. Because of the way tables behave, whatever the size of your first label was controlled the width of that cell, and the cells below it. Meaning all of your labels would line up, but only take the space necessary to fit your label.
    However, with a div-based grid, this is no longer possible. There is no structured set of cells that grow / contract together as there are in tables. Because of this, it is difficult to determine the width of a given container and apply that same width to others (for example, picking up your largest label, and applying the width of that label container to the other labels which are below).
    One way to go around this problem, and what we've done in Theme 25, is to used fixed-width labels. So we explicitly set the width of labels, and that makes the layout much more predictable. We know that labels will always be a certain width, and that input fields that follow will begin from the same position. However, this is very different from how forms in tables work:
    1. All labels are the same size, so even if a label is very small, or very large, it will take the same space.
    2. We can no longer align two items be right next to each other without using grids.
    3. When using grids, we have to be mindful of the label's fixed width as it can be larger than the column it is contained in.
    We're working on a cleaner approach to this problem so creating responsive applications and laying form items is easier than it currently is. In the meantime, you can override several styles to help your particular use case.
    Here are just a few styles you can apply to your page to get form alignment to behave (with a specified region static id):
    1. Manually setting the widths of labels for a given region:
    #my_region div.fieldContainer.horizontal>label {
        width: 80px;
    #my_region div.fieldContainer.horizontal div.fieldControls {
        /* width above + 16px spacing */
        margin-left: 96px;
    2. Set Label widths to only take up the space they need:
    #my_region div.fieldContainer.horizontal>label {
        float: none;
        width: auto;
    #my_region div.fieldContainer.horizontal div.fieldControls {
        margin-left: 0;
        display: inline-block;
    3. You can allow fields to float left:
    a. Add to your inline CSS:
    #my_region div.fieldContainer {float: left;}b. Set grid layout attributes for your second item as follows:
    Start New Row: No
    Column: Automatic
    New Column: NoYou can combine these together as well. For example, applying styles #2 and #3 will let you position elements side by side and immediately after each other.
    Scott,
    For some of your issues in particular, here are some possible ways to go around them:
    1. Password field being cut off
    In addition to setting the size of the field to 60, you can apply an inline style to control the width by setting the HTML Form Element Attributes field to:
    style="max-width: 100%;"This will restrict the size of input field to be a maximum of 100% of it's container, and should no longer be hidden when your window is resized.
    2. Customer Report obscured
    You can add an inline style to your page header to set this region's content to scroll. For example giving it a static id of my_region and adding the following to your page's inline css field:
    #my_region section.uRegion>div.uRegionContent {overflow: auto;} Hope this helps!
    Shakeeb

  • In Fluid Grid layout, I have hidden 2 div for mobile layout. How do I unhide them?

    In Fluid Grid layout, I have hidden 2 <div> for mobile layout. How do I unhide them?

    Hi there,
    I visited your site using Dreamweaver CC and tested it using the default Desktop, Tablet and Mobile sizes, followed by the Smart Phone Size.
    The CSS you currently have sets the featurest <div> to 'display: none' when viewed on screen sizes lower than 480px:
    Another helpful way to find out what is going on with your CSS is to test the site with Firefox using Web Developer Tools to inspect the element (or alternatively, Adobes Inspect tool). You can right-click the image and "Inspect Element" then resize the browser window so you can see exactly which CSS rule is being applied and overrided.
    My suggestion would be to add an additional media query in Dreamweaver to handle all screen sizes below 480px and then set divs or elements you want to hide or show display property to visible.
    Hope this helps!

  • I downloaded Dreamweaver CC 2014.1, started using it but cannot find Show Fluid Grid Layout Guides button, Resize LI.link sizing handle and 'move up a Row' arrow. Where can I find them?

    I downloaded Dreamweaver CC 2014.1, started using it but cannot find Show Fluid Grid Layout Guides button, Resize LI.link sizing handle and 'move up a Row' arrow. Where can I find them?

    You have the latest version (CC 2014.1 or 2014.1.1) in which the interface condenses Design View with Live View buttons in normal layouts.  See screenshot.
    However, in FGLayouts, Live View is the only option which poses some editing problems and has been highly criticized.
    Is there any way to display the Design View in fluid grid pages?
    New Features in CC 2014.1 October Release
    http://helpx.adobe.com/dreamweaver/using/whats-new.html
    New Features in CC 2014.1.1 February Release
    https://helpx.adobe.com/dreamweaver/using/whats-new.html#Enhancements%20to%20Live%20View%2 0editing
    You can disable this restriction by adding an X to the FGLayout CSS.
        Dreamweaver Fluid Grid Properties
        dw-num-cols-mobile:      X 4;
        dw-num-cols-tablet:        8;
        dw-num-cols-desktop:    12;
        dw-gutter-percentage:    25;
    =====================================
    Having said that, it might just  be simpler to revert to an earlier version.  Log-in to Creative Cloud Desktop app.  Go to Filters & Versions > Previous Version.  See screenshot.
    Nancy O.

  • How can I convert my web page from a fixed width layout to a fluid grid layout?

    I'm taking a web design class (I'm using Dreamweaver CS6, btw)  wherein the professor started us out building our websites in a fixed width layout but now I want to change my site into a fluid grid layout. My "site" so far is just one long page, and I've already designed it with fluid grid adjustments in mind (most things are centered  in the layout) so it shouldn't need excessive tweaking.
    Is there a way to duplicate the site folder that holds my first page, re-open a new document in fluid, then copy the code in and tweak the width parameters for the different layouts?
    Did I just answer my own question? Help - I am new at this!!
    Thanks all,
    KC

    Herbert2001 wrote:
    A bit off-topic, but Osgood: have you ever used SASS or LESS? When you are building your own grid systems it can save you a tremendous amount of time, and it's a lot of fun.
    Take the following simple example - it generates all the 23 css classes automatically for a 12 grid system. And simply changing one variable allows you to create and calculate any number of columns!
    //variables
    $desktop: 1025px;
    $large-columns: 12;
    @media only screen and (min-width: $desktop) {
         //regular grid span classes
        @for $i from 1 through $large-columns {
            .span-large-#{$i} {
                width: percentage($i/$large-columns);
         // push classes
        @for $i from 1 through (($large-columns)-1) {
            .push-large-#{$i} {
                margin-left: percentage($i/$large-columns);
    No, not explored it yet, and may never....I don't know. I don't really make much money out of web design. It's becoming more and more difficult to find the desire to learn new techniques when the opportunities aren't really there to put them into practice on as regular basis as I would like.  I've got  a very good handle on css, php, html, jQuery - I'm not sure I want to add another layer at the moment, given I'm never quite sure how long I will continue to 'bang my head against the wall' . I'm getting to the stage where I keep asking myself do I really need the problems associated with learning new stuff to the point of being comfortable with it if the financial rewards at the end don't equate to the efforts of learning it.
    I don't really enjoy web development if truth is known. I come from a Graphic Design background which I much prefer but somehow got side tracked and pushed in this direction and there's no way back now, lol. Whilst I concede Web Development is much more exciting its also 100 times more complex/difficult and the skills needed are considerably more.
    Your example looks interesting and I should think I could pick it up reasonably easily given I work with php which uses variables on a similar basis.

  • Problems with fluid grid layout live site only showing phone view in Chrome and Firefox Feb 2015

    Hi all,
    I have done a complex fluid grid layout using DW 2014 CC. The site has now gone live on the web masters server setup.
    Up until now the layout of the site has been working fine and responding to screen size.
    Early this morning in the USA the site stopped working. The layout for some users, not all, is only showing the phone view, and takes a long time to load.
    This is happening in Chrome and Firefox, but IE is displaying the site properly.
    So it looks like the CSS media queries are not working on all browsers.
    I am using BC for the test site, and one user having this problem can see that version of the site OK.
    I noticed that Chrome has done some updates recently Chrome Releases
    Has anyone else come across this problem with Chrome and Firefox with their responsive layouts?
    Thanks for any help given.

    Hi Ben,
    Yes, thanks for this link. The Travel Health Website is one of ours, hosted on BC, and no reported problems so far. We also have another large BC website with ga code in it and users are not reporting problems with it. The Headless Way
    However the problem website is hosted elsewhere on a different platform to BC. We have been developing it for three months now, and no problems so far until yesterday. The problem of the site taking ages to load, and timing out seems to be happening with about 10% of users in the USA. http://www.harrisonassessments.com/
    The web developer found a user in NZ who was experiencing the slow display problem. They looked at the site with Chrome, Firefox and IE. The site would only display on IE. When the developer removed the google analytics code, the site displayed fine on all browsers for the NZ user. We are waiting for users in the USA to wake up and test the site.
    So the problem definitely is related to the ga code and the responsive layout that was done by me in DW2014.1 fluid grid layout. So the related problem of DW2014.1 not being able to load htm files with ga code in them looks to be a good clue to what is going on here.
    As there was a bug report for DW2014.1 and google analytics code made in the other thread, I would be interested to know if that was ever solved.
    It is interesting that you are pushing Bootstrap and Foundation on me. (Big square websites here I come! lol)
    I wonder if DW is going to persist with fluid grid layout then? I certainly hope so, as I have spent 12 months blood sweat and tears learning how to do it in DW.

  • How to setup a default size for new divs in fluid grid layout in dreamweaver?

    Hi,
    how to setup a default size for a new divs in fluid grid layout in dreamweaver? I don't need the default size for new divs as a 100% width, I need them 13.69% as a one coulmn width only (7 coulmns fluid grids layout for desktop size 1000w).
    This problem I've faced when I intended to insert dozens of fluid grid divs in the layout.

    Sorry, I don't believe that you have had a good look at the Foundation framework. I'll now hold your hand while we go through the basics.
    Here is the specific page http://foundation.zurb.com/docs/components/grid.html
    The default values are
    Em-base : 16px
    Row width: 62.5em (62.5em x 16px = 1000px)
    Columns per row: 12
    These and other default values can be changed. The fact of the matter is that if you stipulate a section width of 2 or 3 or 12 columns, the widths will automatically be calculated for you.
    In your case, if you want 7 columns, all you need to do is change the number of columns per row and the rest is done for you.

  • APEX 4.2 aligning issue of Stop and Start Grid Layout item

    My APEX application application is in the process of moving from 4.0 to 4.2.  I am experiencing an issue with aligning (left margin justified) of Stop and Start Grid Layout items that have a border around them.  Earlier I had an issue with the border itself not showing up in the 4.2 application.  I was able to resolve that with a workaround by adding inline code in the CSS section of the page: #P23_OFFICE_START_TBL {width:682; border:1px solid #369; margin:5px;}. This created the border which I needed, but there are 2 Stop and Start Grid Layout items that are indented and not aligning with the border of the previous line.  I have tried a number of different things but none of them have worked.  This seems like a very simple issue to fix but I am having a tough time resolving it.
    I tried to put the item in question in a different grid, which corrected the indention but then I lost the border around the item.  It seems that the above CSS code does not work on the new grid.  I also tried to put attributes such as margin-left:5px; float: left; clear: left; float: left, in the CSS code but that did not work, too.
    Any suggestions?
    Thanks
    Ajay K

    I deleted and added back the Stop and Start Grid Layout items not aligning properly.  This worked.  Apparently, the 4.0 to 4.2 upgrade did not handle/convert these items properly.  Deleting and adding them back resolved the issue.

  • Apex 4.2.1: Region grid layout?

    See https://apex.oracle.com/pls/apex/f?p=57688:4
    Page template - One Level tabs - no sidebar. Theme 24
    The Grid Layout section in Region attributes has Start New Grid, Start new row/column, Column No or Automatic and Colspan attributes. How can I set the rowspan attribute so that, in the example page above, regions r1 and r2 are next to each other with no whitespace, regardless of the size of region r3? I thought I could easily set the rowspan of r1 to 2 and that would take care of it but maybe I am missing something.
    Help? Thanks

    VANJ.
    Did you check the html of the renderd page.
    Did is what I found.
    <table class="regionlayout" role="presentation" summary="">
      <tbody>
        <tr>
           <td valign="top">
               <section id="R8612284225122823493" class="uRegion clearfix"> //R1
           </td>
           <td rowspan="2">
              <section id="R8612284620818823496" class="uRegion clearfix">//R3
           </td>
         </tr>
        <tr>
           <td valign="top">
              <section id="R8612284400865823496" class="uRegion clearfix">//R2
          </td>
        </tr>
      </tbody>
    </table>As it is now R1 and R3 are renderd next to each other. And R2 is in a seperate row.
    So if R1 and R2 need to be next to each other R2 and R3 need to be swapped.
    It maybe something as simple as a wrong sequence.
    Nicolette

  • Dw6 fluid grid layout

    trying to make sense of the fluid grid layout.
    can you use <div class> in fluid grid layout?
    is it best to only insert divs using the fluid grid layout div?
    when you insert a new fluid grid div what is the difference between entering a new line or not?
    the html structure seems to be the same regardless of if you start a new line or not, am i wrong?
    any help would be appreciated!

    Ben Pleysier wrote:
    It's not my code, just rubbish I pulled out of the Bootstrap example sites....plenty more like that........ how about this beauty:
    <div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height parallax-fixed spb_content_element bg-type-cover col-sm-12 no-shadow hidden-xs remove-element-spacing col-natural" data-v-center="true" data-top-style="" data-bottom-style=""  data-midnight="dark" style="background-color:#009fc2;margin-top:0px;margin-bottom:0px;background-image: url(http://www.thesign.pt/wp-content/uploads/2014/10/FM.jpg);">
    I thought we were talking about Bootstrap. No Bootstrap in the above.
    <body class="html not-front not-logged-in no-sidebars page-node page-node- page-node-1172 node-type-static-page not-mobile region-content navbar-is-fixed-top"  onunload="">
    No Bootstrap here either.
    <div class="col-lg-3 col-md-4 col-md-offset-1 col-sm-4 col-sm-offset-1 col-xs-22 col-xs-offset-2 col-lg-offset-0">
    Please allow me to explain. Bootstrap is based on 12 columns regardless of screen size. Translating the above we get the following for each of the screen sizes
    large 3 cols offset 0
    medium 4 cols offset 1
    small 4 cols offset 1
    extra small 22 cols offset 2
    Our attention immediately falls on the extra small device with 22 columns that are 2 columns offset, total 24 columns. How can this be when there are only 12 columns available. Why would one have offset columns on the smallest screen size when we are already battling for real-estate. I think that if we make the classes believable we can safely ignore the classes for the extra small device. Continuing, we see the same number of columns for medium and small and the same offset. Being a mobile first approach, the classes that we assign to small will filter through to larger screen sizes making the classes for medium screen sizes ineffective. Looking at the 0 offset for large screen sizes?? Why do that when it is the default value. In other words, had Bootstrap been applied properly, the tag would look like
    <div class="col-sm-4 col-sm-offset-1 col-lg-3">
    The other two examples are even more ridiculous. Once again, I implore you to start learning Bootstrap and you will come to the conclusion that you are supplying us with gibberish.
    I'm not supplying the gibberish it's the many websites that rely on frameworks, be they Bootstrap/Foundation/Wordpress - whatever rubbish they are using that I'm lifting this code from that are supplying it.
    Take the Bootstrap form - every form input field I observe is wrapped in a <div> tag, why - it's bloated and redundant coding. Bootstrap, much like Wordpress was never invented to be used to build websites.
    That IS my whole point - there are numerous examples of where Bootstrap IS NOT being used properly because people rely on something they no nothing about and end up with verbose class names splattered around all over their pages, bloated js and css scripts because they are the default files which come with Bootstrap.
    <div class="col-sm-4 col-sm-offset-1 col-lg-3"> to me this is still nasty and overly complex 'class' mark-up. A page full of this tripe would drive me insane.
    The very worst people you could advise to use Bootstrap are the people in this forum because most will have little knowledge of coding (that's why they turn to a framework) and end up with a page full of crap.
    And I'm not verbalising you - you said it yourself. People use lots of 'short cuts' - it doesnt mean it's a good approach to take. No ones re-inventing the wheel apart from Bootstrap, who are obviously trying too. Media queries already exist to produce responsive design, learn how to implement them and free yourself from being entrapped by frameworks where you have to use their naming convention, their break points by default, their over bloated js and css files and somethimes rubbish html mark-up.

  • Fluid Grid Layout can´t be changed after opening .html file

    Hey Community!
    I´m working with DW CS6 for a few weeks now and I´m really happy about it!
    But now I´ve got a Problem... I used google and this forum to find a solution to it, but didn´t find anything about it. (Sorry, if i was too stupid to search for the right keywords! )
    I´ve created a new side with DW and wrote some html pages: All of them are fluid grid layouts and it worked all fine till today. Every page is seperated in an own folder including the "boilerplate.css" & the "respond.min" file, so the filetree looks like this (UPCASE = Folder):
    ROOT:
         index.html    
         boilerplate.css
         respond.min
         OFFERS:
              offers.hmtl
              boilerplate.css
              respond.min
         ALBUMS:
              albums.html
              boilerplate.css
              respond.min
    and so on...
    So today I wanted to open the .html files, to make some changes, add new fliud-grid-div-tags and add new content. The pages look still lik I left them (correct layout, old fluid-grid-div-tags still at the right position, everythings fine), but the collums of the fluid grid aren´t displayed anymore and I even can´t move the fluid-grid-div-tags anymore
    In other words:
    The collums are still there, but the fliud-grid-div-tags are no longer displayed green and editable in their position and size.
    Did I do something wrong? Or is it maybe just a special Checkbox to click in DW to edit them (like I´m now in a wrong DW-view or something like that?)?
    I hope you got a solution so I don´t have to rewrite all the pages again to be able to edit them!
    Greetings from Germany,
    David
    PS: Screenshot

    Hi Community,
    I found the solution on my own in a video, where someone deactevaded those green fields...
    So it´s solved
    THX @ all

  • Fluid grid layout css error - (adobe support sucks!)

    We just bought upgrades for our entire department to dreamweaver cs6 about 2 weeks ago.  Today for the first time I've been trying to make use of the new fluid grid layout system.  I got some of the page put together and when I then tried to insert a new fluid layout div I got an error message saying "Could not find Dreamweaver Fluid Grid style sheet".  I wasn't sure what to make of it so I googled it.  I found someone with a similar, not exact, error message and someone suggested they double check their css file to see if it was missing a closing }.  I double checked my css files and they were fine.  I tried reinstalling dreamweaver in case a file got corrupted.  No go.  After reopening the file, now my fluid grid pink overlays won't display.
    It's as though the stylesheet where the fluid grid styles are defined isn't being recognized, however at the same time, some styles defined in that stylesheet ARE being applied to the page, but not all of them. 
    I called adobe support, sat on hold forever only to be told that because we purchased a downloaded version of the upgrade, we don't get the 90 days of support but have to pay $39.  Are you kidding me adobe?  No support without paying after we just paid literally thousands of dollars in upgrades to our cs6 packages? 
    Another thing that's odd is that if I start a new fluid page and save the files in a new folder, the insert new fluid grid div works fine.  I know it sounds like some stylesheet got hosed, but as I said, I have double and triple checked the css file and don't see a problem.  Anyone have an idea what might be wrong?  thanks.

    I found the problem and in fact it was a problem with the stylesheet.  However, it wasn't due to any invalid styles.  Apparently there are comments near the top of the stylesheet that tell dreamweaver that that's the stylesheet where the fluid grid content is stored.   It would have been helpful if they included additional comments like "DON'T REMOVE THESE COMMENTS OR YOUR'RE SCREWED AND WE WON'T HELP YOU FIGURE OUT WHY!!!".  Specifically the section I removed which caused it to break was this...
              Dreamweaver Fluid Grid Properties
              dw-num-cols-mobile:                    5;
              dw-num-cols-tablet:                    8;
              dw-num-cols-desktop:          12;
              dw-gutter-percentage:          25;
              Inspiration from "Responsive Web Design" by Ethan Marcotte
              http://www.alistapart.com/articles/responsive-web-design
              and Golden Grid System by Joni Korpi
              http://goldengridsystem.com/

  • Fluid grid layout lost when closing and reopening Dreamweaver

    I am working on fluid grid layout in dreamweaver cc. I created a new dreamweaver site, created a fluid grid layout page and everything looked and worked as it should. I closed out of dreamweaver and when I reopened it, I could no longer see the fluid grid layout or the fluid grid handles on any of the divs. I also no longer had the little button in the toolbar next to the live button either, to toggle the fluid layout on and off.   I did not move the css or js from where dreamweaver originally stored them.
    Also checked the content and code of my files, everything looks as it should:
    The fluid grid layout style sheet IS attached to the page.
    The Fluid Grid Properties near the top of the style sheet ARE still there.
    I have tried several test sites and as soon as I close DW and reopen it, the fluid grid layout button is gone, as is are the visual aids.  I uninstalled and reinstalled dreamweaver to no avail.
    Very frustrating!
    ANY help would be greatly appreciated!

    Hi,
    Thank you for all the responses.  When I was doing the testing, I didn't touch any of the style sheets.  I just created a new site, created a new FGL page, saved everything, then closed out.  When I reopened, the FGL elements were not there.  So in taking Ken's suggestion, I was getting ready to upload the files to see if anyone could see what I was doing wrong.  I had named the file test.html so I did a 'save as', to save it as index.html to make it easier.  Then a strange thing happened.  The new 'index.html' page came in with the FGL elements!  When I looked at the test.html, they still were not there.  In doing additional testing, when I open the first file, whether test.html or index.html, no FGL functions are available, when I open the second one, again no matter whether test.html or index.html, they are.  Getting ready to throw my hands up...  I uploaded everything to:
    http://www.ComputerSecurity.com/fgltest/
    Directly under there is the css file called fgltest.css, along with the boilerplate.css, respond.min.js, index,html, and test.html.
    Don't know what is going on. I am new to fluid grid layouts, but not to dreamweaver, have been using it for years.  Unless someone can see something that I cannot, seems like the only way I can create a Fluid grid layout based on this new information, is to open one page and work on another...

Maybe you are looking for