Questions tagged [sidebar]

The sidebar tag is to be used for issues relating to displaying or rendering information to the side of an application.

0
votes
0answers
20 views

Adding a responsive sidebar to a Leaflet application in R

I am building a Leaflet application in R. I want polygons in my map to be clickable. A side bar should then show additional information about the clicked element. The only solution I could find are ...
0
votes
0answers
21 views

Semantic-UI - Sidebar with context -> Had to move sidebar

i am trying to open a sidebar in the context of a container and tried to follow along the provided sample code on the doc site ( https://semantic-ui.com/modules/sidebar.html#using-a-custom-context ) ...
0
votes
1answer
30 views

Add sidebar to the right of webpage that resizes and shifts everything accordingly

I'm creating an Chrome Extension, which should add sidebar to all webpages. This sidebar shouldn't overlap webpage content, it should be placed next to the existing content, essentially shrinking ...
0
votes
2answers
28 views

Hide parts of menu in Angular (permission)

i am building a Dashboard using Angular. The users of the dashboard are 1: Administrator (who is allowed to see the complete menu in sidebar) and 2: employee (who are only allowed to see part of that ...
-1
votes
1answer
8 views

popViewControllerAnimated is not working on custom UINavigationController

I am using LMSideBarController SDK for my sidebar. They are using their custom UINavigationController, as [self.navigationController popViewControllerAnimated:YES]is not working on it. What is the ...
0
votes
0answers
19 views

Bounce marker when hover over list-items in sidebar

I would like the markers on my leaflet map to bounce when hover over corresponding list-item in sidebar. How to connect markers and list-items. List-items and popups all generated dynamically, their ...
0
votes
0answers
31 views

How do I position my side menu above the content of the page?

I am attempting a mobile first approach for this website, however, when the side menu pops out after clicking the button only a portion of the menu is underneath the page content while the rest is on ...
0
votes
1answer
30 views

How to fix the position of main panel in r shiny

I have the following ui function for which I want to make mainpanel map fixed so when I scroll the sidebarPanel it shouldn't scroll along with that. Also how can I remove the whitespace between ...
0
votes
0answers
15 views

Boostrap 3 porting TabBar to SideBar

In Bootstrap 3, I have ported a tab bar to a sidebar. In my TabBar the tabs where defined like <nav class="navbar navbar-default navbar-fixed-top"> <ul class="nav nav-tabs navbar-center"&...
1
vote
1answer
51 views

Close SideBar with Javascript

I need to close my sidebar with JavaScript. I try with the following code, but when I click on the icon that executes the opening of the sidebar, it simply does not open it anymore because the display:...
0
votes
3answers
41 views

HOW TO FIX Uncaught Error: Template parse errors: 'nb-sidebar' is not a known element:

iM NEW TO NEBULAR IS THERE ANY OTHER DOCS BASED ON NEBULAR IN DETAILED I HAVE ALREADY TRIED INSERTING COMPONENT IN THE MODULE I MADE SIDEBAR COMPONENT WITH SIDEBAR MODULE App.module import { ...
0
votes
0answers
16 views

How do I maximise the Confluence sidebar?

I currently need to keep adjusting the bottom slider in the Confluence sidebar panel in order to view long entries in the page tree. Unfortunately the sidebar can only be dragged about 30% of the ...
0
votes
1answer
49 views

how to close sidebar menu on click outside?

how we can close sidebar menu by clicking outside? actually i created a sidebar menu and it open and close through toggle button but i also want to close it by clicking outside. I tried some code to ...
0
votes
1answer
32 views

Style not working on angular sidebar toggle button

I am new to Angular and installed ng-sidebar component through NPM, I have designed my sidebar: component.html: <ng-sidebar-container> <ng-sidebar [(opened)]="_opened" ...
0
votes
0answers
5 views

Using dynamic header widget as default-image for custom-header

Cannot use header widget image as default-imge for my custom-header. I have a header widget in the dashboard that I populated with an image. I want this same image to serve as my default-image value ...
0
votes
0answers
45 views

How can I move my side bar up on mobile view

As I am working on a code as front end image is attached.I want to move this side bar to the top of all division in mobile view https://imgur.com/OsuzoXQ "image1" https://imgur.com/oG6pTDO "...
-1
votes
2answers
43 views

2 Sidebars - one on each side of content

I know this is a commonly answered question, but for some reason nothing I've tried has worked from the other Stackoverflow posts. I'm trying to have two sidebars on my website with one on each side ...
0
votes
1answer
90 views

How to create a sidebar with pyqt5 [duplicate]

I need to create a desktop application with PyQt5. It will show different pages by clicking the buttons on the sidebar. So how to build a simple APP with sidebar?
0
votes
1answer
20 views

Programmatically created button onclick generating illegal value error

In a google scripts sidebar, I have javascript in a html page that creates a button at the bottom of the sidebar. The button generates a "Failed due to illegal value in property: 0" in console when ...
0
votes
0answers
27 views

How to enable sidebar to close if you click outside the menu bar

I would want to close the sidebar-menu when you click out side it. How do I achieve that? My HTML code: <nav class="menu" id="theMenu"> <div class="menu-wrap sidebar"> <...
1
vote
1answer
35 views

Swipeable/ Dragable Side nav-bar in Angular 6 with Angular-material/Bootstrap

I am trying to implement vertical Swipeable/stretchable side nav-bar with angular-material in angular 6. But I stuck in implementation of stretching of nav-bar with mouse. The code is as below. html ...
0
votes
0answers
62 views

Getting json data to appear in a leaflet sidebar

I've been having difficulty making data displayed in the json data from markers to appear in the sidebar for a leaflet web map. I have a working sample of this using the built in "fetch" that gets ...
4
votes
1answer
62 views

How to set a larger size for an element inside the code

I have a left sidebar which I need to hide this when the mouse leaves it. At the moment, it is removed when I move the mouse away from it. However, I need it to be removed when I move the mouse away ...
0
votes
1answer
30 views

How to add a sidebar to archive page

I would like add a sidebar to my archive page by code. The following codes were added into archive template. Sidebar was added successfully. However, the sidebar repeats post by post. Please help me ...
-1
votes
1answer
17 views

How to create a sidebar for the posts without sidebar layout

I am using a theme to create a website. However, while creating posts, I found that the post does not have sidebar layout, Then, I tried to use some plugin to add a sidebar to my posts. However, all ...
0
votes
1answer
47 views

How to toggle sidebar (hide/show) by click and by minimize?

I have a sidebar on my index.html and on the right side I want to have my content. At the end of body you wil see the jquery code where I toggle sidebar's active class and change the button text ...
0
votes
0answers
26 views

Calling alert (or other dialogue boxes) from HtmlService beeing not the owner of the sheet

Hi there and thanks in advance! I created a sidepanel with htmlService in an Google Spreadsheet. The sidpanel is opened with a custom menu item an contains a button. All good so far. Clicking the ...
-1
votes
2answers
59 views

How to implement sidebars to openlayer 5

In Git-Repro https://github.com/Turbo87/sidebar-v2 sidebar-v2 is presented but I can not bring it to work with ol5 when I like to import in a external .js file the necessary sidebar-v2 methods. Tried ...
0
votes
1answer
11 views

Can I create a sidebar link via REST?

I can create repos in BitBucket server (on-premises) using the REST API but I would like to add a sidebar link using REST as well. Does anyone know how to craete a sidebar link for a repo using REST?
0
votes
2answers
56 views

Why won't my sidebar media query work in Javascript?

I have a sidebar that slides out 250px using javscript on the desktop view. When it comes to the mobile view I want the sidebar to take up 100% width. I am trying to use Media Queries in Javascript ...
1
vote
1answer
13 views

Customise default text in combobox

I have two combo boxes in my website in the sidebar: On my iPad the default phrase in the combos (Select Month / Select Category) is hard to read. Google Chrome on my PC does not have this issue. ...
0
votes
1answer
27 views

How to give top offset to a sticky bar as I have a fixed header

I found a codepen example which I was looking for only problem is how do I give a top offset of 70px for the sticky sidebar var stickySidebar = $('.sticky'); if (stickySidebar.length > 0) { ...
0
votes
1answer
20 views

GitLab Sidebar Plugin?

I just installed GitLab on a local server, and I really liked the lateral navigation bar that incorporates the web interface. Could you tell me if this is a plugin that incorporates all this, or was ...
0
votes
1answer
13 views

Sidebar that occupies the rest of the page height, and scrolls when there are many elements inside?

I need to add a sidebar, that occupies the rest of the page's height, but when there are many elements inside it scrolls on the y axis. The problem i always get with the solutions ive seen online, is ...
1
vote
1answer
770 views

How to make material ui sidebar to open the main content in react?

I am a newbie to react and currently developing an application, BACKGROUND It has admin, faculty, student, dashboards.amd a static landing page with buttons to go to /admin/login ,/faculty/login ,/...
0
votes
1answer
201 views

In TiddlyWiki (5) my macro works in tiddlers, except when appearing as sidebar

My global macro shows a list of all tiddlers with a certain tag. The tag is taken from the list field of the tiddler that calls the macro. The macro works fine when used in a regular tiddler, but if I ...
0
votes
2answers
33 views

How to make WP sidebar responsive and display at the bottom of page on small screens?

I've found the following CSS code that I pasted in the child theme's css stylesheet, but it doesn't work. /* Mobiles in Potrait mode */ @media only screen and (max-width : 320px) { .widget-area {...
0
votes
2answers
32 views

Why overflow:hidden is working only in chrome and not in firefox

the overflow:hidden property is working in google chrome and not in firefox and microsoft edge, i'am using it to give full page height to a sidebar so that it will have the same body height. Style: ....
0
votes
0answers
96 views

bootstrap dropright is under other elements

i added the dropright element to dropdown class so that the dropdown-menu show on the right but i get stuck with this problem : https://ibb.co/D5DGXQm you cansee how the dropdown-menu is in the div ...
1
vote
0answers
30 views

Multi-level sidebar menu like Glazed Main

I recently ran into this GIF of a sidebar menu: https://www.sooperthemes.com/sites/default/files/documentation-files/main-menu-mobile-2.gif?fid=925 I have completely fallen in love with the fact ...
0
votes
2answers
78 views

Bootstrap 4 sidenav on mobile is not on left

Hello In my project I have a left sidebar with menu items. My sidenav code: html { height: 100%; } body { min-height: 100vh; } /* fixed and fluid only on sm and up */ @media (...
0
votes
0answers
9 views

Keybinding to create file/folder in sidebar/explorer of VSCode not working after doing global search of project [duplicate]

I'm running into a funny bug in VS Code where the usual command to make a file/folder in the sidebar/explorer (A for file, ⇧ + A for folder) does not seem to work after I run a global search of my ...
0
votes
0answers
75 views

Dynamic sidebar Angular

This might be a recurring subject here on stackoverflow (as a quick "angular sidebar" search shows) but I'm still not convinced what the "right" way of doing it would be. To set some context, I've ...
0
votes
1answer
132 views

How can I collect data from multiple HTML checkboxes and input that data into a google sheet?

I am continuing work on a previous project: Google Sheet Data in a Sidebar Now, I would like to retrieve the items that have been checked in the sidebar and return that data to the Code.gs file and ...
0
votes
2answers
80 views

How can I use Google Sheet data in a sidebar and also within a <script>?

I am currently working with the following tutorial to display google sheet data in the sidebar: https://yagisanatode.com/2018/02/12/how-to-get-something-from-google-sheets-and-display-it-in-the-...
0
votes
1answer
12 views

ReactJs - Justify Sidebar

I'm new to ReactJS and i want to open sidebar from right. All tutorials just teach how we can open sidebar from left with little hamburger icon but I can't find how it can be opened from right. ...
0
votes
0answers
70 views

How to make collapsed sidebar scroll - bootstrap 4

I'm developing a web application interfaces with angular 5. I have a sidebar collapsing when clicking on a button. When it's collapsed, I have added a feature: displaying the submenus and the links ...
0
votes
2answers
32 views

Fixed sidebar with responsive vertical text

I would like to know how to make my left sidebar position fixed and at the same time keep the vertical text buttons (ABOUT, GALLERY, CONTACT) responsive to the window height. https://jsbin.com/...
1
vote
0answers
87 views

How to implement Sidebar for macOS in Swift?

I'm trying to implement a sidebar like the one used in the macOS Notes app. I've got the storyboard and sidebar working. But how can I implement the content window / detail view on the right? I want ...
2
votes
2answers
136 views

Materialize side nav bar opening on one page - not working on page two

I have searched every thread in the forums, and not be able to resolve my issue. I mostly believe this is because I am new to coding and perhaps don't understand it properly yet. please help page two ...