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
Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

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;
    }
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 28, 2026, 11:44
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.