How to show/hide icon on tab header

2 posts, 0 answers
  1. Jacky
    Jacky avatar
    2 posts
    Member since:
    Dec 2015

    Posted 28 Apr Link to this post



    I have a RadTabControl which will dynamically add tabitems.

    How to show/hide icon on tab header based on user selection in the tab content.

    for example:

    User filled two textbox, then the check icon will set to show.

    if user clear one textbox,  then the check icon will set to hide.

    Can you help me with this issue?




  2. Milena
    Milena avatar
    193 posts

    Posted 03 May Link to this post

    Hello Jacky,

    You can take a look at our SDK example EditableHeaders and help article How to Make the Tab Headers Editable. You can use a similar approach for the tab headers and define custom ItemTempate with Image inside. Then on a command or event (according to your scenario) you can change the visibility of the icon. To achieve this you can add property in your ViewModel to control the icon visibility (if the property is of type bool you can take advantage of our BooleanToVisibilityConverter). 

    I hope this information is helpful. Please don't hesitate to ask if you have any other questions.

    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
  3. DevCraft R3 2016 release webinar banner
Back to Top