Open Closed

Menu Item Customization #5877


User avatar
0
IbrahimSarigoz created

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;
    }
    

  • User Avatar
    0
    IbrahimSarigoz created

    Thanks for your answer. the second issue

    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

    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

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