I need to create nav tabs in a module (admin panel)

giridhar Addagalla asked on October 25, 2018 13:09

Hi team, I am writing an extra functionality in my kentico module, so that I was thought of creating a tabs(nav tabs) in the aspx page, I am new to this, I tried to add tabs in bootstrap way which is not working, can any one suggest me how to write tabs in the admin panel so that i can complete my work easly, thanks.

Correct Answer

Dragoljub Ilic answered on October 25, 2018 15:44

Hi,

I'm not sure if I understand it well, but you can modify that with supported Kentico UI. If you create your custom module you can modify it in user interface. The best way to check that is to look into something that's already implemented in kentico. For example, take a look into Page Types application that kentico already have (see image bellow): layout

Configuration from image above will look like this:

page types

So what you need to do is to create custom module and that custom module need be configured as shown on first image, but you can change page template to use horizontal tabs instead of vertical (depends on your needs). After that, create 3 elements underneath with names:

Home
Menu 1
Menu 2

If each of this tab have custom implementation, then element (for example) called 'Home' can have type: URL and Target URL (instead of page template) will be URL to your custom aspx page: ~/CMSModules/CustomModuleName/UI/Module/CustomPage.aspx

Best regards, Dragoljub

0 votesVote for this answer Unmark Correct answer

Recent Answers

Peter Mogilnitski answered on October 25, 2018 13:27

Follow the documentation. Building module interface explains how to create tabs.

0 votesVote for this answer Mark as a Correct answer

giridhar Addagalla answered on October 25, 2018 13:37 (last edited on October 25, 2018 13:39)

Hai thanks peter actually i am trying to create a tab in the admin panel and which will probably look like this. '

<a data-toggle="tab" href="#home">Home
<a data-toggle="tab" href="#menu1">Menu 1
<a data-toggle="tab" href="#menu2">Menu 2

HOME

Some content.

Menu 1

Some content in menu 1.

Menu 2

Some content in menu 2.

' I hope You got it, and i need to write the code in asp because all the admin panels are in aspx extension.

0 votesVote for this answer Mark as a Correct answer