Share |
Blog Pro RSS

Templates

Author - Steve Ngapo (Contegro Front-end Developer)

Contegro lives up to client’s high expectations and provides website that they can be proud of. So that you can achieve this standard, we recommended that your design visuals are a realistic interpretation of how the final website would look showing all the functionality available to them. You should be very familiar with Contegro’s Modules and their various options. Also you should have a good grasp of website usability so that you propose a great design that is also user-friendly, functional and informative.

We suggest that the templates and styles in the Default site are to be observed as a “starting point” to the endless design possibilities of designing a website on the Contegro platform. Any parameters are stated for your reference; otherwise you can take as much artistic licence (with any Module, embedded graphics and CSS) that you require to produce professional and very functional websites for your clients.

Design a visual of your clients’ website showing at least 2 key website pages, allowing for different template layouts to accommodate 1, 2 or 3 columns for example.

Create your visuals at 100% with 72dpi resolution in a graphics program such as Photoshop or Fireworks, so that your artwork is pixel-perfect for the web. Use web-safe fonts that are available to most browsers to give a realistic look.

Contegro,

6:50 PM Monday, December 01, 2008

Ensuring that the correct Container Code is in your template.ascx files

This is a common question... "I can't add any modules in the Left Side column. But I can see the left hand column and my ASCX file has a DIV that I know is the Left column. What am I doing wrong?"

If you unfamiliar with using CMS templates, you need to check that you have included the container code correctly. This is required to extract module information from the database. You may have added a DIV for styling purposes, but not the container code that needs to go inside the design DIV. For example:

<div id="LeftSide">
<contegro:Container id="LeftSide" runat="server"></contegro:Container>
</div>

Contegro,

6:50 PM Monday, December 01, 2008

I'm moving a banner module above a content module, but the 'up' arrow doesn't move it. Why not?

The content module will not have arrows. This means the Content module is ‘locked’ in the Template Manager and other modules cannot be moved above it.

Contegro,

6:50 PM Tuesday, July 28, 2009

Favicon Support for Microsites

Contegro supports favicons for multi-sites. To setup a favicon, simply place the 'Favicon.ico' file within the _icons folder within the Images folder.

/Images/sitename/_Icons/favicon.ico

Contegro,

6:50 PM Monday, December 14, 2009

The Footer 'rides-up- and appears over the bottom of the content container

The MainWrapper in the Template.css need 'clearing'. Use the following code on the template. (Adjust the classes to suit your design).

#mainWrapper:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden; }

#mainWrapper {
display: inline-block;
width: 100%;
height: auto; } /* Hides from IE Mac \*/ *

html #mainWrapper {
height: 1%; }

#mainWrapper {
display: block; } /* End hide from IE-mac */

Contegro,

6:49 PM Sunday, March 13, 2011

Adding a Menu Label into a Template

This trick is handy, when you want to add the Menu Label of a page into the template.ascx file.

<div>
<%= Contegro.Core.ContegroContext.Current.CurrentMenu.MenuLabel %>
</div>

Post New Comment

Name *
Email *
Your email will not be published
Subscribe
Website
Comment *
Enter the code shown *
Share |
Forward To Friends
Print

Blog Categories

Category Topics
10
3

Popular pages

RSS Reader

RSS Reader

An essential module that utilises external sources to display up-to-date content. ...RSS Reader... More

Document Library

Document Library

Ensuring customers find the right document, clear categorisation is the top priority with searching... More

Blog

Blog

An interactive tool for online discussion. Inspire. Comment. Reflect. ...Website Blog Module... More