We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Using Tab Navigation Control as Wizard Like Tab Control

Hi,

We are trying to use the Tab Navigation Control like Wizard control, that can also be used as Tab control. We like the default look of the TabNavigation Control, except that we would want to change the look of the Tab Strip Button to have Name and Icon image to show the Title of each Tab at once.  Because by default, it just shows the Ellipses and doesn't tell you any information about the Tab.
Could you please let me know how to achieve that?



3 Replies

AX Antony Xavier D Syncfusion Team November 20, 2012 05:08 AM UTC

Hi Ganesh,

We have prepared the sample based on your requirement. In that we have edited the style and added the textbox additionally to the tabstrip and binded the tab navigation item header to that text.

Also we have validated the tabnavigation button IsEnabled property by programmatically, in that we have taken the next button in code behind by using the find name method and validated based on type of radio button click event.

Please find the attached sample,

Regards,
Antony.



TabNavigation346653898_464705a5.zip


RJ rakesh jonnalagadda replied to Antony Xavier D July 29, 2016 11:03 AM UTC

Hi Ganesh,

We have prepared the sample based on your requirement. In that we have edited the style and added the textbox additionally to the tabstrip and binded the tab navigation item header to that text.

Also we have validated the tabnavigation button IsEnabled property by programmatically, in that we have taken the next button in code behind by using the find name method and validated based on type of radio button click event.

Please find the attached sample,

Regards,
Antony.



TabNavigation346653898_464705a5.zip

cannot download the example, can you share that example again? We are also looking for similar functionality


MS Marimuthu Sivalingam Syncfusion Team August 1, 2016 11:11 AM UTC

Hi Rakesh,

Sorry for the inconvenience. You can download the sample from the below link.

Sample : 105442_TabNavigatewizard

In this sample, we have edited the style of TabNavigationItem and displayed Icon along with header Text.

We have also collapsed the Navigation button visibility and you can navigate the pages with the help of Next and Previous button like Wizard control.

Regards,
Marimuthu S.

Loader.
Live Chat Icon For mobile
Up arrow icon