Open Closed

How can I apply LeptonX theme styles to third party components? #5196


User avatar
0
icoretchi created

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

If you're creating a bug/problem report, please include followings:

  • ABP Framework version: vX.X.X
  • UI type: Angular / MVC / Blazor
  • DB provider: EF Core / MongoDB
  • Tiered (MVC) or Identity Server Separated (Angular): yes / no
  • Exception message and stack trace:
  • Steps to reproduce the issue:"

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

    Hi,

    You can use the CSS class of LeptonX Theme.

    See also: https://x.leptontheme.com/side-menu/

  • User Avatar
    0
    icoretchi created

    Hi,

    Could you provide the link to the source code for the sample tha you provide?

    Thanks & Regards

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    Of course, the link is https://abp.io/api/download/samples/leptonx-demo

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    For more information: https://docs.abp.io/en/commercial/latest/themes/lepton-x/index

  • User Avatar
    0
    icoretchi created

    Hi,

    A few more questions:

    • Do you have any documentation for leptonx css classes?
    • I understand that I am asking too much, but could you provide a concrete example of how to apply leptonx css classes for Syncfusion or any other third party components provider for instance for Blazor datagrid.
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    HI,

    Do you have any documentation for leptonx css classes?

    No, we don't have such a document.

    But you can download the source code, everything is there.

    I understand that I am asking too much, but could you provide a concrete example of how to apply leptonx css classes for Syncfusion or any other third party components provider for instance for Blazor datagrid.

    The leptonx theme is adapted for Bootstrap components, I don't know much about Syncfusion, but I think it should work if the Syncfusion component can use Bootstrap.

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11