Open Closed

Menu Item Customization #5877


User avatar
0
IbrahimSarigoz created

abpticket.PNG

We need to adjust the length of the names that appear in the menu. It needs to go down at least one line. Also, the menu items after the second dropdowns do not slide in. How can we customize these places?

  • ABP Framework version: v7.3.2

  • UI Type:MVC

  • Database System: EF Core Oracle

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


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

    hi

    Are you using Lepton or Lepton X?

    Can you share some obvious screenshots?

  • User Avatar
    0
    IbrahimSarigoz created

    Hi,
    We are using Lepton X.
    As you can see the screenshot our menu item name doesn't fit the menu. It has 3 dot end of the line.

  • User Avatar
    0
    maliming created
    Support Team Fullstack Developer

    hi

    The style is

    .lpx-nav-menu .lpx-menu-item-link .lpx-menu-item-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 172px;
        font-size: 1em;
    }
    

    image.png

  • User Avatar
    0
    IbrahimSarigoz created

    Thanks for your answer.
    the second issue

    tempsnip2.png
    as you can see the image we have 1 dropdown an it has also 1 dropdown inside the menu. the second one doesnt have margin left property. i give the margin left with its id.is there any way solve this problem because i dont want to give each second dropdown
    tempsnip.png

    this is what i want for all menu

  • User Avatar
    0
    armagan created
    Support Team UI/UX Lead Designer

    Hi

    Can you try this code?

    .lpx-nav-menu .lpx-inner-menu .lpx-inner-menu .lpx-inner-menu .lpx-menu-item-link {
    padding-left: 108px;
    }

  • User Avatar
    0
    IbrahimSarigoz created

    thanks a lot

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 13, 2025, 04:08