Skip to content

Vertical menu rendering issue when you in a Aura Component #14

Open
@adayIvey

Description

@adayIvey

I am trying to use this menu in vertical mode in an aura "forceCommunity:layout" page (Desktop Mode)

`<lightning:layoutItem padding="around-small" size="2">

                            <ccnavmenus:navMenu 
                                menuId="a2fSv0000000bE5IAI"
                                nameFilter="" 
                                isVertical="true" 
                                language="none"
                                hamburgerMenuMode="off"
                                textTransform="inherit"
                                topLevelItemSpacing="20"
                                />

                        </div>
                    </lightning:layoutItem>
                    
                    <lightning:layoutItem padding="around-small" size="8">
                        <div class="">
                            {!v.MiddleContent}
                        </div>
                    </lightning:layoutItem>
                        
                    <lightning:layoutItem padding="around-small" size="2">
                        <div class="">
                            {!v.RightContent}
                        </div>
                    </lightning:layoutItem>`

when I add the Nav component directly to my page is renders in desktop with the overflow "More" enabled (see left column in image below) but when I drag the component onto my page into the right column in the builder it renders fine (see right column in image below)

do you have any idea how I can fix this??

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions