Clear default selected tab using tabstrip

2 posts, 0 answers
  1. Jesse
    Jesse avatar
    14 posts
    Member since:
    Jul 2014

    Posted 30 Jul 2014 Link to this post

    I am using the code below to populate the header and footer on a page.

    How to clear the first, default selected tab?

    Thanks for your time and help.

    <div id="example" data-role="view" data-layout="default">
         <div data-role="layout" data-id="default">
             <header data-role="header">
                <div data-role="navbar" style="background-color:\#1e4e6d;">
                    <span data-role="view-title" style="color:\#ffffff;">Header</span>
            <footer data-role="footer">
                <div id="tabstrip" data-role="tabstrip">
                    <a data-icon="e038-e"></a>
                    <a data-icon="info"></a>
                    <a data-icon="arrow-e"></a>
                    <a data-icon="settings"></a>
                    <a data-icon="contacts"></a>
  2. Dimiter Madjarov
    Dimiter Madjarov avatar
    2127 posts

    Posted 01 Aug 2014 Link to this post

    Hi Jesse,

    If you would like to deactivate the default tab you could use the deactivateTab method of the TabStrip API, which accepts the DOM element of the tab as a parameter.

    Dimiter Madjarov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top