Open Closed

Tabs are not rendered #8246


User avatar
0
marian.pintes@m2ms.sk created

Hello,

I wanted to separate settings options into more table (for example: https://demo.abp.io/setting-management). But when I used a sample from your web site https://abp.io/docs/latest/framework/ui/mvc-razor-pages/tag-helpers/tabs the component is not rendered. I think it should be rendered as 'ul' and 'li' tags. I suppose that I miss something but I do not know what is missing. Could you help me please?

  • ABP Framework version: v8.1.0
  • UI Type: Blazor Server
  • Database System: EF Core (SQL Server)
  • Tiered (for MVC) or Auth Server Separated (for Angular): -
  • Exception message and full stack trace: -
  • Steps to reproduce the issue: -

12 Answer(s)
  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    Do you have the _ViewImports.cshtml file in the component folder?

    The taghelper needs this file.

  • User Avatar
    0
    marian.pintes@m2ms.sk created

    Hi,

    yes, I have (here is the content):

    @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bootstrap @addTagHelper *, Volo.Abp.AspNetCore.Mvc.UI.Bundling @addTagHelper *, Volo.Abp.AspNetCore.Components.Server.LeptonXTheme

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    Can you share a project(https://wetransfer.com/) to reproduce?

    liming.ma@volosoft.com

    Thanks

  • User Avatar
    0
    marian.pintes@m2ms.sk created

    Hello,

    I uploaded sample project - Book Store. Go to Administration -> Settings -> Book Store Settings should display tabs.

    Thank you in advance

    Marian

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    What is your project name?

    Is it BookStore-Blazor-EfCore.7z

  • User Avatar
    0
    marian.pintes@m2ms.sk created

    Yes, it is

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    ok, I will check it asap.

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    Your component is the Blazor component, which can't use the MVC tag helper.

  • User Avatar
    0
    marian.pintes@m2ms.sk created

    Hi,

    sorry, my mistake - I didn't notice that is MVC sample page. I wrote it into search engine and copy-paste the example.

    Instead of that should I use blazorise components? (for example: https://blazorise.com/docs/components/tab)

    Thanks

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    Yes, you can use blazorise

  • User Avatar
    0
    marian.pintes@m2ms.sk created

    Thanks

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    : )

Made with ❤️ on ABP v9.1.0-preview. Updated on December 26, 2024, 06:07