Open Closed

Regarding the issues affecting the user experience of LeptonXTheme UI #6395


User avatar
0
327992883@qq.com created

ABP Framework version: v7.2.3

UI Type: Blazor Server

Database System: EF Core

Tiered (for MVC) or Auth Server Separated (for Angular): yes

Exception message and full stack trace:

Steps to reproduce the issue: seems to be related to resource release.

Hello I am using LeptonXTheme UI. I want to be able to see which pages have been opened like the picture above. Display all open tabs at the top and click on the tab above to achieve the effect of switching pages. This is what I have here. A usage habit, does LeptonXTheme UI support this function? In addition, every time I open the page and return to the previous page, the page status will not be retained. Is it possible to maintain the page status like vue keep-alive or do A short-lived storage; now I cannot use LeptonXTheme UI to achieve the above functions. Can you give me some methods or suggestions to achieve these functions?


42 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    It's possible, But need to customize the theme.

    I will investigate and give you some sample code.

  • User Avatar
    0
    327992883@qq.com created

    Hi,

    It's possible, But need to customize the theme.

    I will investigate and give you some sample code.

    ok thank you

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Here are the code files: https://gist.github.com/realLiangshiwei/a71887cb41b679739599ce52b30ec151

    Update your _Host.cshtml

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    This is just an idea and simple code.

    There are still many imperfections in it, You should improve it based on it

  • User Avatar
    0
    327992883@qq.com created

    This is just an idea and simple code.

    There are still many imperfections in it, You should improve it based on it

    Thank you very much, but if you switch the tab at the top, the toolbar of the page will not change.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Yes, that's why I said it's imperfection.

    I will keep investigating it.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I updated the code: https://gist.github.com/realLiangshiwei/a71887cb41b679739599ce52b30ec151

    Now it basically works, maybe there may be some minor problems, but not a big problem. This is a big work, and I can't make it perfect in a short time : )

    You can change it according to your needs.

  • User Avatar
    0
    327992883@qq.com created

    Hi,

    I updated the code: https://gist.github.com/realLiangshiwei/a71887cb41b679739599ce52b30ec151

    Now it basically works, maybe there may be some minor problems, but not a big problem.
    This is a big work, and I can't make it perfect in a short time : )

    You can change it according to your needs.

    Hello, there is a big problem here, that is, after I clicked on the menu page created using abp suite, the tab above was blank and wrong, and the create button of the tenant page also appeared in the demo4 page, and the top The tab has no translation

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I have improved the logic to get the page title from the menu item.

    https://gist.github.com/realLiangshiwei/a71887cb41b679739599ce52b30ec151

  • User Avatar
    0
    327992883@qq.com created

    Hi,

    I have improved the logic to get the page title from the menu item.

    https://gist.github.com/realLiangshiwei/a71887cb41b679739599ce52b30ec151

    Something seems wrong with the code

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Updated

  • User Avatar
    0
    327992883@qq.com created

    Updated

    Hi I just discovered a fatal bug. The Toolbar and breadcrumbItems in the PageHeader in the code generated by abp suite will not be displayed, and the tab content will be blank. <Volo.Abp.AspNetCore.Components.Web.Theming.Layout.PageHeader BreadcrumbItems="breadcrumbItems" Toolbar="toolbar"></Volo.Abp.AspNetCore.Components.Web.Theming.Layout.PageHeader>

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Toolbar

    The Toolbar will rendered by ContentTabToolbar

    breadcrumbItems

    Yes, I removed the breadcrumbItems from layout, It is in the storage of routing data, you can show it if you need.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Have you applied the latest code? you can check it.

  • User Avatar
    0
    327992883@qq.com created

    Have you applied the latest code? you can check it.

    this is my code

    @* ************************* PAGE HEADER ************************* *@
    <Volo.Abp.AspNetCore.Components.Web.Theming.Layout.PageHeader BreadcrumbItems="breadcrumbItems" Toolbar="toolbar"></Volo.Abp.AspNetCore.Components.Web.Theming.Layout.PageHeader>
    @* ************************* DATA GRID ************************* *@
    <LDMutiSelect TValue="Guid" GetData="GetData"></LDMutiSelect>`
    `private List<Volo.Abp.BlazoriseUI.BreadcrumbItem> breadcrumbItems = new List<Volo.Abp.BlazoriseUI.BreadcrumbItem>() { new Volo.Abp.BlazoriseUI.BreadcrumbItem("demo1", "/aaa", "aaa") };
    private PageToolbar toolbar = new();
    protected override void OnInitialized()
    {
        toolbar.AddButton("Test", () => Task.CompletedTask);
        //父组件TableOption初始化之后再初始化子组件
        base.OnInitialized();
    }
    

    I know that BreadcrumbItems have been deleted, but the toolbar button is no longer on my page. The tenant page is but the newly created page is not.

  • User Avatar
    0
    327992883@qq.com created

    Have you applied the latest code? you can check it.

    yes,is the latest

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Please add Title to pageHeader compoent:

    <PageHeader Title="PageName..." BreadcrumbItems="breadcrumbItems" Toolbar="toolbar"></PageHeader>
    
  • User Avatar
    0
    327992883@qq.com created

    Hi,

    Please add Title to pageHeader compoent:

    <PageHeader Title="PageName..." BreadcrumbItems="breadcrumbItems" Toolbar="toolbar"></PageHeader> 
    

    Another problem is that when I click the button to enter the details page, the url will have a corresponding id. At this time, the top tab is blank NavigationManager.NavigateTo("/Finances/ExchangeRates/HistoricalExchangeRateRecords/" + Id);

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    You can try add <PageHeader> to the detail page.

    <PageHeader Title="Detail...."></PageHeader>
    
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    The content tab component try get Title from PageHeader and Menu item.

    But the detail page didn't have PageHeader and menuItem.

    You can also implement your own logic to get the page title from other places. The https://gist.github.com/realLiangshiwei/a71887cb41b679739599ce52b30ec151#file-contenttabs-razor-L210

  • User Avatar
    0
    327992883@qq.com created

    The content tab component try get Title from PageHeader and Menu item.

    But the detail page didn't have PageHeader and menuItem.

    You can also implement your own logic to get the page title from other places. The https://gist.github.com/realLiangshiwei/a71887cb41b679739599ce52b30ec151#file-contenttabs-razor-L210

    When too many tabs are selected, the line will break. I want to change it to the above form and replace it with a UI framework (https://www.blazor.zone/tab), but the page cannot jump after clicking after menu bar

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I don't know much about blalzor.zone

    Can you share a test project? thanks. shiwei.liang@volosoft.com

  • User Avatar
    0
    327992883@qq.com created

    Hi,

    I don't know much about blalzor.zone

    Can you share a test project? thanks. shiwei.liang@volosoft.com

    https://github.com/He-Wu/BootstrapDemo1 Please help me take a look

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I got it.

    Please make the repository private.

    Because it includes your license code, you don't want to leak it.

  • User Avatar
    0
    327992883@qq.com created

    Hi,

    I got it.

    Please make the repository private.

    Because it includes your license code, you don't want to leak it.

    ok

Made with ❤️ on ABP v9.1.0-preview. Updated on October 11, 2024, 07:13