Open Closed

Hide Tab #8741


User avatar
0
nabass created

hi how to hide <abp-tab> from screen i want to keep the code but make it hidden in screen type="hidden" => not work display:none; => not work

  • ABP Framework version: v8.0.2
  • UI Type: MVC

1 Answer(s)
  • User Avatar
    0
    EngincanV created
    Support Team .NET Developer

    Hi, we are using Bootstrap for our tag helpers, and abp-tab is no exception. You should be able to hide tabs with both display:none; and visibility: hidden;. Please share more information if the following info doesn't help you.


    You can hide the first tab as follows for an example on the js side:

    $("ul#PermissionsTabs > li:first").hide();
    
    //or for completely hiding all the tabs
    $("ul#PermissionsTabs").hide();
    

    If you want to do this on the CSS side, then you can do the following:

    ul #PermissionsTabs
    {
        visibility: hidden !important; //or alternatively -> display: none !important;
    }
    
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 17, 2025, 10:38