Sami's Site: CSB - Trellix Publish
previous    next

Page Layout

By default, CSB has built in page layouts within the Design.  

This is great for seasonal adjustments.  Also great if you have a ton of pages that have the same basic layout but the content changes.  You change one thing, the page layout, and apply it to any or all pages that you want.  One change and tons of time saved!  

Most of the designs have a HOME and a TEXT page layout and have specific font color and size settings.
Most CuteSITE Builder page layouts include navigation links by default. There are two types of navigation links:
either a series of navigation buttons (usually look like an arrow), or
a list of links (often just under the top border).
These links are not active until you place the page on a sequence line or use an up level link (right click, choose up level).
Navigation links appear while you are working in the tlx design file, but if you do not put the page in a sequence or add an up level link to or from the page, they will not appear when the file is published. (CSB has some designs that offer layouts without Navigation also)

CSB has locked areas of the web page design. These locked areas are often along the top border, the title area, links area.
Some textual elements in pages, such as navigation links and title fields, are part of the page layout applied to the page, inserted automatically.  This area is locked to keep your design consistent from page to page to page.  When you hover over this text, a lock symbol appears. The best way to edit this text is on the page layout itself. For example, to make a minor change in a corporate name or message that appears on every page.  You change the PAGE LAYOUT and apply it to existing pages, ALL those pages that you have chosen on the map will change at one time!  

It is possible to edit a single instance of static text, you must first unlock it.  Manually editing like that can have a down side.  This means that if you want the same change on several pages (all use same header, or left border, etc) you would have to continue to manually make that change on every single page.  Or if you want to change your background color from flat green to using a green textured background in the top of every page, you would have to do it manually on every page.  (Also, deleting or moving static text areas may create compatibility problems when switching page layouts and when changing between CuteSITE Builder designs.)

If you have been unlocking static areas, and now want to start using the Page Layout feature, you will have mixed results, depending on what you have been changing manually. Only YOU know the extent of that.  But the good news is that you can fix it and from that point on changes are a SNAP.  


Before changing the Page Layout, ALWAYS make a backup of your file the way it is now.  
If necessary, you can go back to the previous design if you do not like the result.


Modify an existing page layout, or create a new page layout
1)  Choose Format > Edit Page Layouts. Your page and map areas disappear, and you see the Page Layout Editor.
While in the PAGE LAYOUT page, you can change border colors, width, text, pictures, and backgrounds, add, change, or remove text, pictures, tables, links, fields, even add HTML and other code.
 
CHANGES TO THE PAGE LAYOUT CAN NOT BE UNDONE IN SOME VERSIONS OF CSB. If not sure you will like the result you can either make a backup copy of the file or click the NEW PAGE LAYOUT button to create something new and the old version will remain intact.
2)  Use the Editing Page Layout drop-down list to select an existing layout to edit, or click New Page Layout.
3)  On the page area within the Page Layout Editor, enter or modify all the elements that you want to include on this page layout.  This is where you insert your header image, where you set your text color for the borders and body of the page, etc.  All the normal CSB features are available, including inserting and removing link lists.  
4) . When you are done, click Finished.

If you modified an existing page layout, the changes will appear in any existing pages that currently use the layout.
You can apply that new/modified layout to any of your pages, or all of the pages.

Apply Page Layout:  
1)  Either choose a single page or choose several pages on the map.  
Choose Format > Apply Page Layout.
TIP: If you want to change the page layout of a group of pages can select them in a couple ways:
- hold down the Ctrl Key and click the pages you want to change
- hold down the left mouse button and drag around the group of pages you want to change.
(either way, CSB will show dotted area around selected pages)

2)  Select a page layout from the list. (By default, CuteSITE Builder doesn’t include container page layouts in the list of layouts. Click the drop-down arrow below the list to change the types of page layouts CuteSITE Builder displays.)

3)  Choose how you want to apply the pages:
Applying to one page, choose this option
(Current page only is best choice for HOME page usually)
Applying to multiple pages, choose this option.
(All selected pages option is often used for a sequence line that needs matching page designs)
4)  Click Apply , then Click OK          TIP: You can also press Ctrl+Shift+A to apply a page layout.
5)  (Optional) If you want to make the page layout you have selected the default layout applied to any new pages you create:
Select the Use this same layout for new pages option. (By default, CuteSITE Builder creates new pages using the Text page layout.)



If you have unlocked static areas of your web page and made local formatting changes in page body or border (for example, changed a color or inserted a background picture, added text), you will get a warning when you try to APPLY A PAGE LAYOUT.
CuteSITE Builder asks you if you want to retain the changes in the new page layout.
CLICK NO.  CuteSITE Builder discards only formatting changes. Text you have entered or changes you have made to the Page Properties will continue to appear in the new page layout.

Then you will see your changes.  You will also see all your text that you entered when you unlocked that area.
You may have perfect results the first time.  Or get wacky results.
Might look like you have two of the same things because some of it may be in the page layout and some of it BELOW the locked area.
You may have some hidden stuff show up that you didn't know you had.
Or some things disappear because the text colors are not what you expected.  
You need to delete any duplicated text that was manually typed into the web page when it was unlocked.  Use your BACKSPACE and DELETE keys) and when you get to the point that you have only the choice to unlock the static you are done. (Very similar to what happens when you change from framed pages to non framed pages).

You might have to re-adjust the page layout a couple times to get where you want to be. Get the text the right size, or color, etc. But you won't have to apply it each time.  Only that first time.  Once you have the pages cleaned up, they stay cleaned up.  UNLESS you unlock static areas again.