Example: Adding a new main tab to CMS Desk

  Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic! Mail us feedback on this topic!  

In this example, you will see how to add another tab next to the Content, My desk, Tools and Administration tabs in CMS Desk. This procedure can be used to add your custom UI elements to any other personalizable part of the CMS. You can also integrate your custom modules into the UI this way as described here.


1. We know from this chapter that the main tabs belong to the CMS Desk module. Go to Site Manager -> Development -> Modules and Edit (Edit) the CMS Desk module.




2. In the module's administration interface, switch to the User interface tab. You can see the four UI elements representing the tabs in the tree on the left. Select the root of the tree and click the New element (Add_UIElement) button.




3. In the New element dialog, enter the following details:


Display name: Google
Code name: Google
Element is custom: true
Caption: Go to Google
Target URL: http://www.google.com
Icon path: leave blank (icons can be used only for left menu items, not for tabs)


and click OK. The new UI element will be added to the tree as in the screenshot below.




4. Switch to the Roles tab and enable the UI element for the desired roles.




5. Now switch to CMS Desk logged in as a member of one of the roles enabled in the previous step. You will see our new Go to Google tab present next to the original four tabs as you can see below. By clicking it, you get the Google title page displayed within the CMS UI.






Please note


If you try to display a page with scroll bars within the CMS UI, you may not be able to view the whole page. This is because the current version of Kentico CMS does not allow page scrolling here due to the UI design.

To enable page scrolling within the CMS UI, it is recommended to create a new .aspx page containing a frameset with just one scrolling-enabled frame pointing to your  page.



Page url: http://devnet.kentico.com/docs/5_5r2/devguide/index.html?ui_personalization_example_new_tab.htm