Application / Help Wiki

Home

Roadmap

Return to Central Desktop

All Recent Activity

User Forum

Search Developer Wiki:

More Actions| |Add Comments|Revision 7Home » CompanyPlanStyleTemplates » HowToSetupACustomNavigationalDropDown

Last Modified By: Kraig Lockwood / Aug 13, 2008, 4:16pm

How to setup a Custom Navigational Drop Down Menu

Example:

Note: this applies only to Company Plans.

1) Go to Account -> Company Setup -> Application Style Templates

2) Add this the top of your style template:

<div class="cd_menu_top" id="cd_tab_popup_custom1_id" style="z-index: 6000;">
<ul>
<li class="cd_top_menu_hover_off" onMouseOver="menu_small.on_hover(this,'t');" onMouseOut="menu_small.off_hover(this);" onclick="menu_small.ahref('http://www.google.com');"><a href="http://www.google.com">Google</a></li>
<li class="cd_top_menu_hover_off" onMouseOver="menu_small.on_hover(this,'t');" onMouseOut="menu_small.off_hover(this);" onclick="menu_small.ahref('#');"><a href="http://www.yahoo.com" target="_blank">Yahoo (in new window)</a></li>
</ul>
</div>

<script>
var cd_tab_popup_custom1 = new PopupWindow('cd_tab_popup_custom1_id'); cd_tab_popup_custom1.autoHide(); cd_tab_popup_custom1.offsetY=22; cd_tab_popup_custom1.offsetX=-1;
</script>

3) Add this code right above ###CD_CUSTOM_TOP_WORKSPACE_LIST### part:

<li><a href="#" name="cd_tab_popup_custom1_link" id="cd_tab_popup_custom1_link" onclick="cd_tab_popup_custom1.showPopup('cd_tab_popup_custom1_link'); return false;">Custom Menu <img align="absmiddle" src="/i/icons/white_arrow_down.gif" height="8" width="11" border="0" /></a></li>

Note: There are 2 different style templates, one for internal members and one for external members. If you want the custom menu to only appear for internal members than you can only apply this change to the internal template.

If you want additional custom menu items you will want to replace "cd_tab_popup_custom1" to "cd_tab_popup_custom2" and just duplicate steps 2-3 above.

Add "Create New" menu to your top navigation to create new docs, spreadsheets, discussions, folders or upload a file from anywhere in your workspace

Replace the code in Step 2 above with this code:

<div class="cd_menu_top" id="cd_tab_popup_custom_newnav_id" style="z-index: 6000;">
<ul>
<li class="cd_top_menu_hover_off" onMouseOver="menu_small.on_hover(this,'t');" onMouseOut="menu_small.off_hover(this);" onclick="wiki_items.create.start_new_webdoc(0);">New Doc</li>
<li class="cd_top_menu_hover_off" onMouseOver="menu_small.on_hover(this,'t');" onMouseOut="menu_small.off_hover(this);" onclick="wiki_items.create.start_new_spreadsheet(0, '');">New Spreadsheet</li>
<li class="cd_top_menu_hover_off" onMouseOver="menu_small.on_hover(this,'t');" onMouseOut="menu_small.off_hover(this);" onclick="gb_location('av&ac=am&catid=0&dbid=', '', '');">New Discussion</li>
<li class="cd_top_menu_hover_off" onMouseOver="menu_small.on_hover(this,'t');" onMouseOut="menu_small.off_hover(this);" onclick="gb_location('av&ac=af&catid=0&dbid=', '', '');">Upload Single File</li>
<li class="cd_top_menu_hover_off" onMouseOver="menu_small.on_hover(this,'t');" onMouseOut="menu_small.off_hover(this);" onclick="wiki_tools.show_generic_lightbox('file_folder_add&recid=0', 'Create a New Folder', '355px', 'auto');">New Folder</li>
</ul>
</div>

<script>
var cd_tab_popup_custom1 = new PopupWindow('cd_tab_popup_custom_newnav_id'); cd_tab_popup_custom1.autoHide(); cd_tab_popup_custom1.offsetY=22; cd_tab_popup_custom1.offsetX=-1;
</script>

Change the name of the menu in Step 3 above from "Custom Menu " to "Create New "

Page Comments:

There are no comments attached to this Page. Add a Comment