• REGISTRATION REQUIREMENTS:

    Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Resolved Left hand sidebar in AMS

colcar

Member
AMS Premium
Pick'em
Sportsbook
Hi there, as you can see, the right hand sidebar has widgets in it and look OK but on the left there's just the categories widget.

Is there a way to get widgets or put anything there to fill the wasted space?

sJLZ2e0.png


Nevermind I found it. The widgets on the left are defined as "sidenav" rather than "sidebar". The settings are in Appearance> Widgets
 
Last edited by a moderator:
The widgets on the left are defined as "sidenav"
That is becasuse the CORE XENFORO LEFT SIDE is called SideNAV, not sideBAR. The XF sideBAR is on the RIGHT HAND SIDE of a page and uses the <xf:sidebar Template Helper where as <xf:sidenav Template Helper places a SideNAV on the LEFT HAND side of a page.

The SideNAV behaves DIFFERENT than the SideBAR.

The SideNAV turns into a SLIDE OUT Navigation Element on Narrow Devices, where as the SideBar does not (it drops down below the main content area).

There are SEVERAL "SidNAV" locations in Core XF, XFRM and XFMG.

Selection_286.png

Selection_287.png
 
That is becasuse the CORE XENFORO LEFT SIDE is called SideNAV, not sideBAR. The XF sideBAR is on the RIGHT HAND SIDE of a page and uses the <xf:sidebar Template Helper where as <xf:sidenav Template Helper places a SideNAV on the LEFT HAND side of a page.

The SideNAV behaves DIFFERENT than the SideBAR.

The SideNAV turns into a SLIDE OUT Navigation Element on Narrow Devices, where as the SideBar does not (it drops down below the main content area).

There are SEVERAL "SidNAV" locations in Core XF, XFRM and XFMG.

View attachment 6559

View attachment 6560
Another terrific response Bob, thanks for taking the time :)
 
  • Like
Reactions: Bob
is there any way to not show categories on left?
What do you mean by NOT SHOW? Are you just wanting to hide that specific block, but not other blocks in the sidenav OR are you trying to get rid of the sideNAV completely?

OR are you asking if the category block can be shown on the RIGHT? (in the SideBAR instead of in the left in the SideNAV)?

Also, AMS Index or AMS Category Pages (or both)?
 
What do you mean by NOT SHOW? Are you just wanting to hide that specific block, but not other blocks in the sidenav OR are you trying to get rid of the sideNAV completely?

OR are you asking if the category block can be shown on the RIGHT? (in the SideBAR instead of in the left in the SideNAV)?

Also, AMS Index or AMS Category Pages (or both)?

On AMS index, have just article view and sidebar to right, so categories are not shown at all

[index][sidebar] not [sidenav][index][sidebar]

So yes, get rid of the side nav completely from ams index, without effecting the mobile sidenav, so 2 column essentially, not 3..if thats clear enough?
 
get rid of the side nav completely from ams index, without effecting the mobile sidenav
Pretty sure that can be done via some CSS tricks (hiding the Sidenav, then using a media query at the medium responsive break point to make the sidenav visible (I've seen some of the style developers do it... I'll ask Russ and Mike how they handle it, probably something super simply you can add to Extra.less).
 
Pretty sure that can be done via some CSS tricks (hiding the Sidenav, then using a media query at the medium responsive break point to make the sidenav visible (I've seen some of the style developers do it... I'll ask Russ and Mike how they handle it, probably something super simply you can add to Extra.less).

Yeah i added the following that works..just thought there may be a cleaner way to do it.

Code:
div[class*='p-body-sideNav']{
    display: none;
}

@media (min-width: 901px) {
    div[class*='p-body-sideNav']{
    display: none !important;
}
}
 
  • Like
Reactions: Bob
eah i added the following that works..just thought there may be a cleaner way to do it.
That's about the cleanest you can get as the template syntax needs to remain in place in order for the sidenav to work as a slideout. If you didn't need/want the slideout, then it would be cleanest just to edit the template and comment out or remove all the sidenav references.
 
That's about the cleanest you can get as the template syntax needs to remain in place in order for the sidenav to work as a slideout. If you didn't need/want the slideout, then it would be cleanest just to edit the template and comment out or remove all the sidenav references.

Thanks, will keep the extra.less entry for now.
 
  • Like
Reactions: Bob
Back
Top