How can i insert include_once inside fluid grid layout?...

Hi
You will have to insert this in code view.
If it is inside a FG div, select 'split' screen mode, click in the required div in design view and this will highlight the selection in code view.
PZ

Similar Messages

How can i apply border for fluid grid layout div

How can i apply border for fluid grid layout div

<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="CSS/Layout.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.flexslider.js"></script>

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
    $('.flexslider').flexslider();
</script>


<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1"><img src="SJV-Images/Banners/Dark-green-curved-header.png"/></div>
<div id="LayoutDiv2">
<div class="flex-container">
<div class="flexslider">
    <ul class="slides">
      <li>
        <img src="SJV-Images/Stud1.jpg"/>
      </li>
      <li>
        <img src="SJV-Images/Stud2.jpg" />
      </li>
      <li>
        <img src="SJV-Images/Stud3.jpg" />
      </li>
    </ul>
</div>
</div> </div>
<div id="Nav">This is the content for Layout Div Tag "Nav"</div>
<div id="Special_Features"><h3 align="center">SPECIAL FEATURES</h3>
<ul>
<li>
It is one of the oldest school.</li>
<li>It was first started as an orphanage for the children of British soldiers, and later moved to its current location.</li>
   <li>Rich in Anglo-Indian tradition dating back to three centuries.</li>
<li>The campus now has separate buildings within the campus for year 1 to year 8 (Junior and Sub Junior block) and year 9 to year 12 (Senior and   Super Senior block).</li>
<li>The school has montessori facilities in a separate building.</li>
<li>The School also has boarding facilities for students from distant places.</li>
</ul></div>
<div id="History"><img src="SJV-Images/His_Image.png" alt="Hisimage" class="floatleft">
<h3>HISTORY OF OUR SCHOOL</h3><P>In 1750 – a very long time ago,a missionary and a teacher, Christian Frederick Schwartz came to India to work in the Danish Mission at Tranquebar.Due to his own personal charm, genius and integrity, soon he became a trusted envoy to the court of Princes ,both hostile and friendly. He even helped in the training and education of Serfogee Rajah, the adopted son of the Tanjore Raja Tuljagee.</P></div>
<div id="Photo_Gall"><center>
    <strong>PHOTO GALLERY</strong>
</center>
<p><img src="SJV-Images/Photogall.png" width="174" height="70" class="floatright"/></p>
</div>
<div id="News_Events"><center>
    <strong>NEWS & EVENTS</strong>
</center><center>Annual Day<br><center>
    Alumni Meet<br>
    Exam Time Table<br>Parents-Teacher's Meet</center>
</center>
<br></div>
<div id="footer">This is the content for Layout Div Tag "footer"</div>
</div>
</body>
</html>

Compare the differences between the "Insert" option for fluid grid layouts in DW CC6 2014 and DW6 CC

Their are differences in the "Insert" menu for DW CC6 2014 and DW CC6. Where can I find training to explain the differences between the "Insert" menu particularly regarding insertion of fluid grid layouts?

I would concentrate on learning the version of Dreamweaver that you want to use and not on learning the differences.
Incidentally, the versions are CS6 and CC.
As a personal note, I would suggest trying Bootstrap instead of the Fluid Grid Layouts.

How can I insert a parameter to the layout template?

How can I insert a parameter defined in report to the layout template? just like insert a field. I wanna display the parameter in the output.

If its Ebiz, concurrent program.
Put this in your template in the starting,
where the P_BUSINESS_GROUP_ID is one of the concurrent program parameters,
<?param@begin:P_BUSINESS_GROUP_ID?>
and then you can access the parameter in your rtf like <?$P_BUSINESS_GROUP_ID?>
Upload the rtf template back into apps.
and then rerun the conc pgm :)

How to get 100% width in fluid grid layout CC

I'm currently getting to grips with dreamweaver's fluid grid layout and cant seem to get a div to go the full 100% width across the screen. Ive created a div outside of the grid container as a non fluid div, and entered in the CSS myself in code view since Dreamweaver doesnt seem to allow you to add a class or ID to non fluid elements in design view. I have done this and all though i thought i had achieved success i noticed when looking closely in live view and when previewed in chrome that there is still a tiny gap between the div and the edge of the screen. Its very small, but its definitely there. Ive enetered width to be 100% and its definitely not simply 100% width of the grid container as its wider. I just cant account for the tiny gap which seems to be about 1 pixel wide. Any ideas whats causing this gap?

Depending on your project goals, there are plenty of other Responsive Frameworks you can use.
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's FREE Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Project Seven's Page Packs (Commercial CSS Templates)
http://www.projectseven.com/products/templates/index.htm
Adobe Edge Reflow
http://tv.adobe.com/watch/adobe-edge-reflow/introduction-to-reflow/
PS. I don't work for Adobe. I'm just a product user like you.
Nancy O.

How to convert live website to fluid grid layout

I have an existing live website. How do I convert it to a fluid grid layout?

Who is Peter?
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
Creative Cloud 12.2 Enhancements to Fluid Grid Layouts
http://blogs.adobe.com/dreamweaver/2013/02/updated-fluid-grids-in-dreamweaver.html
Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6
http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html
If you want to support multiple languages, you'll need to build a mirror site with translations.
Nancy O.

Cannot insert fieldset inside Fluid Grid div (Was: Please help)

Please help..I couldnot insert fieldset inside FG div.(I couldnot find the fieldset while viewing in the browser also.)

A <fieldset> is a <form> element.    Copy and paste this form code into a new, blank document. Save and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Form with jQuery Validation</title>


<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js">
</script>
<style>
/**BEGIN FORM STYLES**/
#contact {
font-size: 14px;
width:95%;
margin: 0 auto; /**adjust margins as needed**/
background: #FFF;
border: 2px groove #999;
padding: 2%;
#contact fieldset {
margin-bottom:5px;
background:#CCC;
#contact legend {
padding: 8px;
background: #000;
font-weight: bold;
color: #FFF;
line-height: 1.5;
/**wrap form lables and fields inside ordered lists for better web accessibility**/
#contact ol {
list-style:none;
margin:0;
padding:0}
#contact li {
padding:5px;
margin: 0;
clear: left;
#contact label{
display:inline-block;
float:left;
line-height: 23px; /**lines up labels with fields**/
width:15%;
font-size: 12px;
text-align:right;
margin-right: 10px; /*space between labels, fields*/
#contact textarea,
#contact input[type=text],
#contact input[type=email],
#contact input[type=number] {
width: 45%; /**same width on fields**/
padding: 5px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
#contact select {width:47%}
/**field background on focus**/
#contact input:focus,
#contact input:active,
#contact textarea:focus,
#contact textarea:active,
#contact select:focus,
#contact select:active
{background-color: #FFC;}
#contact label.error {
    line-height:1.5;
    color:#F00;
    background:#FFC;
    padding:3px;
    box-shadow:1px 2px 3px #333
</style>
</head>
<body>
<p>Basic Contact Form</p>

<form id="contact" action="form-processing-script.php" method="post">
<fieldset>
<legend>Required Fields:</legend>
<ol>
<li><label for="first_name">Name:</label>
<input name="first_name" id="first_name" type="text" required placeholder="First"></li>
<li><label for="last_name">Last:</label>
<input name="last_name" id="last_name" type="text" required placeholder="Last"></li>
<li><label for="e_mail">E-mail:</label>
<input name="e_mail" id="e_mail" type="email" required placeholder="[email protected]"></li>
<li><label for="selectTest">Select One:</label>
<select name="selectTest" id="selectTest" size="4" required title="Please select something!">
<option value="1">Saab</option>
<option value="2">Audi</option>
<option value="3">Fiat</option>
<option value="4">BMW</option>
</select></li>
</ol>
</fieldset>
<fieldset>
<legend>Optional Fields:</legend>
<ol>
<li>
<label for="phone">Phone:</label>
<input name="phone" id="phone" type="number" placeholder="(area code) 123-4567" />
</li>
<li><label for="subject">Subject:</label>
<input name="subject" id="subject" type="text" />
</li>
<li><label for="message">Message:</label>
<textarea id="message" name="message" placeholder="remarks"></textarea>
</li>
<li><input name="submit" type="submit" value="Submit">
</li>
</ol>
</fieldset>
</form>


<script>
$(document).ready(function() {
    $("#contact").validate();
    $("#selectTest").validate();
</script>
</body>
</html>
Nancy O.

How can we use the saved alv grid layout in a report?

I have a requirement where I go to se16n transaction and select a few fields of a table and extract the data of the table. Again I re-arrange the columns in the report and save it as a variant along with this new layout. Now how to call this variant in a report wherein I want only the re arranged positions of the column(fields) of the field catalog? Is there any function module available?

hi,
you can have selection screen field : "parameters : p_disvar like disvariant-variant." and at event selection scree you can call the below function and select the variant create for the report.
"at selection-screen on value-request for p_disvar.
call function 'REUSE_ALV_VARIANT_F4'
       exporting
            is_variant          = g_variant
          I_TABNAME_HEADER    =
          I_TABNAME_ITEM      =
          IT_DEFAULT_FIELDCAT =
            i_save              = g_variant_save
       importing
            e_exit              = h_exit
            es_variant          = gx_variant
        exceptions
            not_found           = 1
            program_error       = 2
            others              = 3.
if sy-subrc is initial and h_exit is initial.
    g_variant-variant = gx_variant-variant.
    p_disvar          = gx_variant-variant.
else.
    message id sy-msgid type 'S'
                 number sy-msgno
                 with sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
endif.
Atul

Can't center a menu- Fluid Grid Layout

I've tried and tried to center the menu at the top of my site but it's always biased the left. This page is a template and I'd like to be responsive to different screen sizes....what am I missing?
Here's the template... http://sdrv.ms/1d8R95m
Please help and thanks!

Try
#Menu {
    margin-top: 15px;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
   width: 90%;
#Menu li {
    width: 25%;
    float: left;
    font-size: 24px;
    font-weight: bold;
    list-style-type: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0%;
    position: relative;

Div options toolbar not displayed correctly in fluid grid layout

When I select an inserted element in fluid grid layout, the options to hide, duplicate or delete the Div are not displayed. I only have the 'move up a row' arrow displayed. How do get the other options to display on the mini toolbar? My DW CS6 version is V12.0 Build 5861.

It is called as the 'Smart HUD' and was made available in 12.2 CCM (Creative Cloud) update. Your version is 12.0 which looks like a regular non-cloud license.
Are you actually a Creative Cloud subscriber? If not, you'll have to wait for a perpetual license upgrade in order to see/ use this feature.

Fluid grid layout won't open

I simply create a new fluid grid layout.. name and save the default css file ...name and save the default first page and upload to my server.
Everything works fine and I am able to work on the page in dreamweaver cc as a fluid grid layout.
But when i close down dream weaver, (even if i do no more than save the two files and dont edit anything else) and reopen dreamweaver cc i can no longer work in fluid grid layout, dreamweaver doesnt recognise the page (default) as fluid grid layout and i cannot see the little button that toggles fluid grid layout on and off.
I have not edited the css file or the page in anyway.
someone suggested i go to visual aids and enable fluid grid guides .... but this does not exist and there is no longer a fluid grid button next to the live view button.
I really need to get this working, fluid grid layouts are useless if you cant edit them after creating them
Here is the default code
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="/test2.css" rel="stylesheet" type="text/css">


<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="div1" class="fluid">Use Insert Panel for additional Fluid Grid Layout Elements. Note: All Fluid Layout tags must be contained within the "gridContainer" div tag.</div></div>
</body>
</html>
Thanks in advance for any replies

I defined the site, when i imported the site as business catalyst site.
It is there, i have checked all the details are correct and can edit and work on the site as a normal site, I just can't get it to recognise any pages i've created as a fluid grid page after closing and reopening the page.
Yeah I watched the video and that is what im doing, create new page as fluid grid layout, save the css to the root, save the html page to the root, all works fine and i can edit in the fluid grid, the grids there, the little buttons there, the handles to adjust fluid grid propertys there.
But at any point if i close the page and open it again i lose the handles, the fluid grid and the little button and can only edit as a normal dreamweaver page.
I tried to phone adobe support yesterday but gave up after 2 hours of waiting
Cry

Creating Adaptive Designs Using Fluid Grid Layouts in Dreamweaver CS6 | Digital Design CS6 | Adobe TV

Adobe Evangelist Greg Rewis shows how to create adaptive designs using Fluid Grid Layouts in Dreamweaver CS6.
http://adobe.ly/Iq7L8z

maybe someone here can answer this. Can I take an existing website and apply the fluid grid layout feature to it? I have one regular website that is not responsive. I've tried copying and pasting into the dreamweaver grid layout, but it doesn't respond as expected. Is this even possible?

How can I add a jquery effect (parallax bacground effect) in a fluid grid layout? I

How can I add a jquery effect (parallax bacground effect) in a fluid grid layout? I download it from the web (the effect), I use it in a blank html page and all works correctly. Using it in a fluid grid and no images appears and no effect.. why? In the Fluid grid layout I add the .html information inside the container.. and I add the css information in first place.
I download it from: http://www.jqueryrain.com/2012/02/jquery-scrolldeck-parallax-plugin/

I've never tried to combine them. But to be honest, I don't think jQuery Parallax is going to work in FGLayouts b/c Parallax backgrounds are not built on a mobile first approach. For best results, Parallax requires a min-width of 960px which isn't mobile friendly.
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.

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;

Abdelqader Alnobani wrote:
How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;
Logically a structure something like below should work BUT whether or not it will upset the FG I don't know as I wouldn't ever use it.
<div class="gridContainer">
Top Code Section Goes Here
</div>

<div id="fullWidth">
Full width section goes here
</div>

<div class="gridContainer">
Bottom Code Section Goes Here
</div>

How can i insert include_once inside fluid grid layout?...

Similar Messages

Maybe you are looking for