Portal Engine Questions on portal engine and web parts.
Version 5.x > Portal Engine > CMS Tab Control Issue View modes: 
User avatar
Member
Member
Jenks - 7/19/2010 6:35:45 AM
   
CMS Tab Control Issue
Hi,
I am using Kentico 5.5 trial version.
I tried creating two menus using cms tab control, one in horizontal and another in vertical.
My goal is to display the sub menus of the horizontal menu in the vertical menu which includes the horizontal menu item also.
i.e. If services is the menu item in the horizontal menu and web development is its sub menu, then on clicking the horizontal menu i need to display Services and Web development in the vertical menu.
But i couldn't succeed in it. Is there any way to make it possible in Kentico. Can any one help me regarding this issue..???

User avatar
Member
Member
Jenks - 7/20/2010 5:15:31 AM
   
RE:CMS Tab Control Issue
The Horizontal and Vertical menus are placed in master page. So that when i click the menu item in horizontal menu, the corresponding submenus along with the main menu item should be displayed. On further click it should hightlight appropriate menu item in the vertical menu. Can any one help regarding this issue ???

User avatar
Member
Member
Jenks - 7/20/2010 5:15:37 AM
   
RE:CMS Tab Control Issue
The Horizontal and Vertical menus are placed in master page. So that when i click the menu item in horizontal menu, the corresponding submenus along with the main menu item should be displayed. On further click it should hightlight appropriate menu item in the vertical menu. Can any one help regarding this issue ???

User avatar
Member
Member
gavin.eggheaddesign - 7/20/2010 6:03:28 AM
   
RE:CMS Tab Control Issue
Hi Jenks - just wish to clarify what you are trying to achieve.

1 - So the horizontal navigation is static (does not change) and are the top level/tier pages within your CMS page structure?

2 - the vertical navigation is to be dynamic to reflect sub pages of a page selected on the horizontal navigation, while also showing the 'homepage' of that section at the top of this list?

so for example in the CMS tree structure-

page 1
- sub-page 1
- sub-page 2
- sub-page 3
- sub-page 4

page 2
- sub-page 5
- sub-page 6
- sub-page 7
- sub-page 8

So if the user selects 'Page 2' in the horizontal link - the below will be displayed in the resulting vertical navigation.

- page 2
- sub-page 5
- sub-page 6
- sub-page 7
- sub-page 8

Am i on the right lines?

Thanks

Gavin

User avatar
Member
Member
Jenks - 7/20/2010 11:50:39 PM
   
RE:CMS Tab Control Issue
gavin.eggheaddesign wrote: Hi Jenks - just wish to clarify what you are trying to achieve.

1 - So the horizontal navigation is static (does not change) and are the top level/tier pages within your CMS page structure?

2 - the vertical navigation is to be dynamic to reflect sub pages of a page selected on the horizontal navigation, while also showing the 'homepage' of that section at the top of this list?

so for example in the CMS tree structure-

page 1
- sub-page 1
- sub-page 2
- sub-page 3
- sub-page 4

page 2
- sub-page 5
- sub-page 6
- sub-page 7
- sub-page 8

So if the user selects 'Page 2' in the horizontal link - the below will be displayed in the resulting vertical navigation.

- page 2
- sub-page 5
- sub-page 6
- sub-page 7
- sub-page 8

Am i on the right lines?

Thanks

Gavin

yes Gavin, you are absolutely right. Do you have a solution for this...?

User avatar
Member
Member
gavin.eggheaddesign - 7/21/2010 3:00:15 AM
   
RE:CMS Tab Control Issue
There have been posts before explaining how to dynamically display sub-navigation of the page you are on, so using the above example, pages: -

- sub-page 5
- sub-page 6
- sub-page 7
- sub-page 8

Basically set the path of the webpart to '/{0}/%' the number indicating the hierarchy level within the CMS tree

Regarding the top link 'Page 2' - what is its purpose? as, if i understand correctly, you will be on the page already?! does it need to be a link or can it be just dynamic text as a heading for the links below?

Many Thanks

Gavin

User avatar
Member
Member
Jenks - 7/21/2010 3:58:38 AM
   
RE:CMS Tab Control Issue
Thanx Gavin for ur help. I tried using path set to '/{0}/%' but in vain because it only displays the sub menus. But i need to display the Main menu also along with it.
The purpose of 'Page 2' is, it simply displays the content in it, nothing more than that.
As you said i will be on Page already. But if i click on the sub menu which navigates to its content and then again if i click on 'Page 2', i must get the contents of 'Page 2'. So 'Page 2' must be a link.
gavin.eggheaddesign wrote: There have been posts before explaining how to dynamically display sub-navigation of the page you are on, so using the above example, pages: -

- sub-page 5
- sub-page 6
- sub-page 7
- sub-page 8

Basically set the path of the webpart to '/{0}/%' the number indicating the hierarchy level within the CMS tree

Regarding the top link 'Page 2' - what is its purpose? as, if i understand correctly, you will be on the page already?! does it need to be a link or can it be just dynamic text as a heading for the links below?

Many Thanks

Gavin


User avatar
Member
Member
gavin.eggheaddesign - 7/22/2010 3:40:31 AM
   
RE:CMS Tab Control Issue
Hi Jenks

Just following on from what you say above "But if i click on the sub menu which navigates to its content and then again if i click on 'Page 2', i must get the contents of 'Page 2'. So 'Page 2' must be a link." Would the user just click 'page 2' in the main horizontal navigation in the header?

trying to find a fix - you may be able to achieve your aim by using two different webparts? The navigation mentioned above to list sub-pages of the page you are viewing (eg of 'Page2'). Then a second navigation webpart that sits above this to display the parent page above it? (set path to something like {0}/{1}/)

You could then style it to all look as though it is part of the same region although would suggest separating the two types of links visually (the parent and sub pages) so to not confuse people using your site.

Hope this helps

Thanks

Gavin

User avatar
Member
Member
Jenks - 7/22/2010 7:39:00 AM
   
RE:CMS Tab Control Issue
Gavin, thank you for the help provided. But it is not working as expected. U have said to use two web parts to achieve this. Suppose if i select Page1 in Horizontal menu, i would get the menu display as below

Consider this as the Horizontal menu

Page1 Page2 Page3

and this as the vertical menu


Page1
SubPage1
SubPage2

But if i select SubPage2, the vertical menu appears as

SubPage1
SubPage1
SubPage2

Note that the underlined text is the highlighted Menu.

Since u have asked me to set the path as {0}/{1}/, for each selection, the parent page menu keeps on changing being dynamic. But i want it to be the same as it can be selected again.

User avatar
Member
Member
Jenks - 7/22/2010 7:41:43 AM
   
RE:CMS Tab Control Issue
Gavin, thank you for the help provided. But it is not working as expected. U have said to use two web parts to achieve this. Suppose if i select Page1 in Horizontal menu, i would get the menu display as below

Consider this as the Horizontal menu

Page1 Page2 Page3

and this as the vertical menu


Page1
SubPage1
SubPage2

But if i select SubPage1, the vertical menu appears as

SubPage1
SubPage1
SubPage2

Note that the underlined text is the highlighted Menu.

Since u have asked me to set the path as {0}/{1}/, for each selection, the parent page menu keeps on changing being dynamic. But i want it to be the same as it can be selected again.

User avatar
Member
Member
Jenks - 7/23/2010 5:13:28 AM
   
RE:CMS Tab Control Issue
Got the solution for this with the help of Pavel Knotek(support@kenitco.com).
Steps to be followed for Left Vertical Menu

1) 2 Web parts namely Web part A and Web part B.
2) A = Path : /%
WHERE condition: NodeAliasPath LIKE '{%cmscontext.currentdocument.nodealiaspath%}

User avatar
Kentico Support
Kentico Support
kentico_zdenekc - 7/31/2010 4:47:52 PM
   
RE:CMS Tab Control Issue
Hello,

Thank you for sharing the principle of the solution for your aim in this thread.
I would also like to thank Gavin for his advices and the effort here, really appreciated!

To add one little detail, one trick similar to setting the above WHERE condition can be also done by specifying Path property without the '/' before the wildcard '%' sign, e.g. like: '/{0}%'
It should return also the document on the {0} level, i.e. the selected "Page X" with its sub-pages..

Regards,
Zdenek C., Kentico