I am trying to edit an existing html file with a fluid grid layout. My Layout toolbar doesn't show a fluid grid div widget, and when I go to the 'Insert:Layout' menu, the fluid grid option is also gone. It used to be there. How do I get it back? I'm dead in the water until I figure this out.
trying to edit an existing html file with a fluid grid layout.
You cannot use a 'Fluid Grid Div Tag' on a document that doesn't have a fluid grid stylesheet defined. Since you're starting to work with an 'existing' html file, this is not a possibility.
In Dreamweaver, Fluid Grid specific parameters can be used only within 'Fluid Grid Layout'.
I am having the same problem but mine is when I try to create a NEW fluid grid layout on a new site. I can select New Fluid Grid Layout and the New Document menu appears. The only change I made to was to the Desktop changing the columns from 10 to 12. I did not attach a stylesheet because I haven't done that in the past with Fluid Grids that worked.
When I select Create the css page appears but with a blue, not green, background and different icons. Neither the Insert or Layout offer the Fluid Grid layout options.
I understand FluidGrid received some enhancements in the latest Cloud update(12.2).
One known issue is that FluidGrid doesn't seem to work if DocType is set to None.
Go to Modify > Page properties > Title/Encoding > select a DocType. Hit Apply.
If that fails, file a bug report.
I am assuming you tried the following steps. Correct me if I am wrong.
1. Navigate to File->New Fluid Grid layout
2. Change the number of Grids for desktop to 10
3. Clicked on Create
4. Clicked "Save" on the Save Style Sheet File As dialog
If you are on a new site and this is the first time you are creating a Fluid Grid page, you will be prompted to save "boilerplate.css" and "respond.min.js". These files must be in your site to have the Fluid grid options enabled.
And yes the background is blue and not green. I am assuming you are seeing a dark blue border around the div and not the FG options correct?
If that is the case, can you try these?
-> Click on the div and see if the options are enabled?
-> Save the Fluid Grid file or do a "Save all"
If you are still unable to see the Fluid Grid options do send us a screenshot with the detailed steps. Also please make sure that the doctype chosen is not "None"
Thanks in advance,
Thank you for your quick response, Nithya.
@BD Hokie & @jamilscott: Nithya works with the DW Engineering team and she will help troubleshoot this issue, along with her team. Please provide as much information as possible to help them help you!
When the focus is inside the Div then the boundary is green while when the focus is on Div Boundary (i.e the div is selected) then the boundary is blue.
One More thing: you said 'CSS page appears' so, In split view , on the left, is CSS shown instead of HTML(source code) ?
if thats the case then just click inside the Div in design view and things will be normal again.
'Neither the Insert or Layout offer the Fluid Grid layout options.' were you looking for 'Insert Fluid Div' option ??
if thats the case then in new update all the tags under the Layout category act as fluid elements.
Steps to Insert a fluid element: