How to modify the FertileEnviroment Default page

27 Aug '12, 01:45 PM
35,962 Views
No Forum Badges

Hi,

I´d like to include in the content area of the fertile enviroment default page a left and right bar like in the book store sample. How can I do this?

Felix

 
x 0
Follow
Answer Answer at this question and get points!
No Forum Badges

Hi,

if you want to show a left bar and a right bar in the page, you need to modify both the model of your application and the style of the page. You can perform the following steps:

  1. Add a Master Page
  2. Populate the Master Page with the needed content units (e.g. an Index Unit representing the left-side bar contents and another Index Unit representing the right-side bar contents)
  3. Edit the Page Layout Template of the Master Page, by adding the code which creates the Custom Locations in the Page for hosting the side menu. A Custom Location is an additional location of the page layout, besides the main grid, where you can insert content units and sub pages. For example, the following code defines the Custom Location for the side bars:

    <wr:PageForm>
    ....
    <div class=""left-nav"">
     <wr:CustomLocation name=""left-column""/>
    </div>
    <div class=""right-nav"">
     <wr:CustomLocation name=""right-column""/>
    </div>
    ....
    </wr:PageForm>
    
  4. Select the Master Page in the model. In the Grid View select the ""left-column"" custom location from the pool and place it in the Grid. Repeat the same thing for the ""righ-column"" custom location. Select the content unit (e.g. the Index Unit) and place it into the appropriate custom location.

  5. Update the css style, with the css rules for correctly positioning the side bars in the page. For example, the left bar ("".left-nav"" class) should be floated to left, in order to place it in the left side of the page.

For more details, you can read these articles:

  1. Create a Style Project from a mockup
  2. Getting started with the Style Project

   
x 1
Answer at this question and get points!

Related questions

2 grids inside one/same cell result in non-selectable 2nd grid Access page variable in a page template add html Add to Bag link in ACME Ajax is not working in own style project Ajax web app with javascript history object using the WebRatio Alimentar graficas con base de datos Alternate way to get current User Oid in layout template groovy script? Any way to localize the Tab Grid Template (Webratio Store)? Applicare un template ad un Web Project Ayuda Simple List Component Layout personalizado Bootstrap Style Button to go on another page Cambiare dimensioni bottoni - Change button size Can I inject html into custom unit template?! Can not get generate and run option for DataService Project Change color template bootstrap style Change Style Changing the login page does not work ckeditor - change directory for the browser Colore Attributi index unit Dinamico - Index unit dynamic attribute color Como abrir una ventana en ajax desde una master page Como embeber un video subido desde archivo ? Como mostrar una imagen de portada arriba del menu? Como mostrar una imagen en una lista o en la componente detalles? Como se usa la componente paypal en web ratio? Componente de pagos paypal Confirm Dialog Could not open the editor: This copy of WebRatio is not registered Creación DB Apache Derby - Modelado BPMN CSV Component with utf8 encoding Customize layout mobile platform Custom Tooltip Position Default error pages default login page Dependencies installation error Display contents of a URL Dynamic link labelling for Custom Unit Error in Examples at WebRatio 7.2 (Acme, BookStore, ...) Examples of WebRatio (Acme) Excel Unit - Font size Export to a HTML/CSS/JS project Facebook login and personalization Facebook Unit Field as link soruce File CSS non considerato in generazione Form element Form template Geolocalizzazione con Twitter Component Get date pattern Get home page from template Google map is not shown properly in the tab grid Graph Component Problem Guardar Saltos de LINEA HelloWorld Unit sample code Hiding landmarks (or flows) when the user is logged in How can I add a credit card payment gateway or integrate paypal in my web app logic? How can i create pagemenu or landmarkmenu with multiple levels. How can I modified the htmls files to perform my style How can I see the administration page of bookstore example on the cloud? How to add an image in a modal/pop-up window? How to include a template into other template? How to localize AJAX waiting dialog? How to localize the multi message unit in the notification layout How to modify template? How to remove default Linked Resources? How to scale a image? How to use GoogleGeocoding Add-on How to use LandmarkMenu as AJAX navigation how to use the landmark menu as AJAX navigation integrate framework to webratio mobile Integrazione javascript Javascript and html javascript history object Localize "Welcome..." and "Process details" logo webratio meaning of each tag in the XML code (Show XML/Show Layout XML) modify field html Modify html generated by wr:NavigationBar Overlays for Google Map Unit. Pages Problem After Project Generation pass template variable Problem Login Form only if user not logged Problem print Problems with the page refresh (Tab Grid) Problem with adding templates query unit who to hide fields that are used in a link Recursive Hierarchical Index Unit Style Tree Redirect to the default module Remove default BPM css import for all templates Responsive Bootstrap Grid Responsive Layout Manager Selezione sul giorno "Events Planning" Set context parameter Simple Static Page Standard confirm dialog replacement Statistics Component for WebRatio > 7.2.0 store problme Style hierarchical unit help!! Supoort for Mobile and Desktop display Target tabs in Tab Grid Control Tooltip on a field Too much layout parameters = no scroll in parameters config window Twitter Unit - Get Geo location of twitt Uppercase Usage of the Gantt Unit Use image as interaction flow Vista de diferentes Site Views Webratio - Add-ons Webratio Add-ons no permite login Web Ratio Add-ons shop not working Web Ratio Mobile plateform Macos Sierra WebRation Store connection problem When stars web ratio between dofollow and nofollow backlink has affected? Where can i find ifml sample with webratio? Where is the ACME demo data stored?! which of these three models is closer to webratio/ifml way of creating web applications wr-ajaxDivs break layout on ajax pages.