Questions tagged [sidebar]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
16 views

cant decide how to have gap between menu and submenu in nextjs project sidebar

I am trying to make a sidebar, where a menu might have submenu kind of dropdown, the problem i am facing is when i open the submenu with MdArrowDropDown icon, it perfectly shows up , but it blocks the ...
Saiful's user avatar
  • 11
0 votes
0 answers
19 views

Dropdown in sidebar with specific width

I've got a sidebar that works as supposed except from the width of the dropdown field. The content/list of the dropdown is fetched from a column in my spreadsheet. I would like it actually show the ...
Kasper Egelund's user avatar
0 votes
3 answers
54 views

When refreshing the sidebar is open on mobile

I have a sidebar menu that has been successfully hidden and shown. When the sidebar menu is hidden and I refresh the page or browser, the hidden sidebar menu will return to its original appearance How ...
andrea siano's user avatar
0 votes
0 answers
19 views

how we can give a div scroll for touch and for windows?

I try several ways but not working This code is for sidebar menu but scroll not working !!! div .sidebar { position: fixed; top: 0; left: 100%; margin: 0; width: 100%; ...
ImanOjie's user avatar
0 votes
3 answers
59 views

Issue with Sidebar with menu items

I found a sidebar that I liked. I will add the link to give credit to the original creator. CSS sidebar menu examples And then the Pure CSS flying sidebar. Now I was playing around with it and ...
Dennis van Vugt's user avatar
0 votes
0 answers
21 views

Tailwind CSS Sliding Animation is not working

Even though the animation property is placed, the animation doesn't work. The sidebar simply pops up instead of sliding from right off screen to left. import React from 'react' import {MdClose} from '...
andrea siano's user avatar
0 votes
0 answers
39 views

Sidebar sliding transition's issue

I am using react and tailwind css. I am trying to apply a transition to this settings sidebar. When I click on the icon the sidebar opens but the transition doesn't work. This is the conditional I ...
andrea siano's user avatar
0 votes
0 answers
24 views

How to get expanded sidebar with vue.js and show the page path without collapsed it?

I have created a Vue.js front-end system and used a template for it. The system includes layout and page header components, which I have imported into all my pages. Additionally, there is a side menu ...
sanduni Perera's user avatar
0 votes
0 answers
7 views

How to get Global list into HTML dropdown

I am trying to create a dropdown in the google sheets sidebar that is linked to the list in the globals.gs so it is not hard coded in the html. anyone have any suggestions on how to this or where to ...
Sam Nichols's user avatar
0 votes
1 answer
50 views

how to darken the whole page behind a popup?

I have this sidebar that I want to make the whole background dark when it is clicked on I used this code but the posts remain white also the dark background does not get closed when I close the ...
Ariky Hito's user avatar
1 vote
1 answer
57 views

Bottom Tab Bar is not visible in all the pages

The below are my sidebar view and bottom tab bar view..The tab bar is visible only in the views that is associated with that(I mean home, search, profile and settings but it is visible in the pages ...
Aruna's user avatar
  • 15
-5 votes
0 answers
22 views

How to change the dynamic menu to a dynamic side menu in elementor

I want to make the dynamic menu on my post page to the side (vertcal) instead of a horizontal menu. I have elementor pro and using unlimited elements and Royal Addons as extention to Elementor. I ...
Rikke Funch's user avatar
1 vote
0 answers
26 views

Why is my customtkinter Frame's width not working?

Okay so I'm trying to make a Sidebar using customtkinter, but I can't set the width of the frame. Every other property that I'm defining in the __init__ function works, but width and height don't. My ...
Bird's user avatar
  • 27
0 votes
1 answer
47 views

How to make a fixed sidebar menu that is also responsive on both computer and mobile?

I'm using Bootstrap 5 to make a resume web page. I seem to have got what I want right now but I do not know how to make the sidebar fixed w/o overlaying the display of other content when the page is ...
Raull's user avatar
  • 1
0 votes
1 answer
21 views

Why is my Python customtkinter Frame's width not working?

I'm trying to make a Sidebar in customtkinter, but the width is not being set and the Frame is taking up the full speed. My code looks like this: class Sidebar(customtkinter.CTkFrame): def ...
Bird's user avatar
  • 27
0 votes
0 answers
21 views

leaflet sidebar-v2 shows above the map and not inside it

I've been using the sidebar-v2 for a map i'm doing and i some ways to fix this, but i don't get why the sidebar appears above and not inside the map. Here is a pic of who it displays it enter image ...
Bruno Mosquera Rodríguez's user avatar
1 vote
1 answer
75 views

I want to create a Sidebar for my ASP.NET MVC 7 website

I want to create a Sidebar for my website. I have a working sidebar right now but it uses a white strip on the top for its toggler. I want to use my navbar for my sidebar toggler. I am using partial ...
ZNAXNOR's user avatar
  • 100
0 votes
0 answers
25 views

How should I add a collapsible sidebar in gtk4?

The few options that I found have to do with using the following: <child> <object class="GtkBox" id="content_box"> <property name="orientation&...
user22609924's user avatar
0 votes
0 answers
60 views

Active Button in Navigation Bar (JavaFX)

I am beginer with javafx and css. I am currently creating a Navigation Bar in JavaFX. Like web design, it will use hover when the mouse glides and active to make buttons in the sidebar to help users ...
Duesc's user avatar
  • 1
-1 votes
1 answer
59 views

Sidebar script to keep user input but also send responses to specific cells on various pages

Learning google apps scripts and I'm stuck. I'm trying to combine 2 solutions I've found on other posts. The first is referenced here: Prefill Google Sheet sidebar with Apps Script Properties Service ...
Danielle Sullivan's user avatar
0 votes
0 answers
31 views

Getting 'Bad Request' Error when Adding Side Pages to Menu - Apache Server Issue

I've encountered a puzzling issue while attempting to add more side pages to the menu on my website. The error message I'm receiving is as follows: Bad Request Your browser sent a request that this ...
Justin's user avatar
  • 51
0 votes
1 answer
34 views

app loses state when going to background when using sizeClassic in SwiftUI

I have a view created for the iPad with a Sidebar and another for the iPhone with a tabview. The problem is that when I use sizeClass, the SideBarView() view loses its state every time the app enters ...
LucasC's user avatar
  • 33
0 votes
2 answers
47 views

I'm trying to display the sidebar after clicking the button in the navbar. I have made the JS function, but after click nothing displays

I'm trying to display the sidebar after clicking the button in the navbar. I have made the JS function, but after clicking the navbar button nothing displays. Here is my html and css code snippet. How ...
Pushhu's user avatar
  • 25
0 votes
0 answers
17 views

How to fix all the widgets not show up in the page

I added some widgets on the sidebar, and it can show up when I customizing, but still looks like not normal like that, the filter shows up appearance so weird, and when I check it out on the page ...
Leon777's user avatar
0 votes
1 answer
35 views

Google Sheets sidebar form to pass data to specific sheets and specific cells

Novice here using Google Apps Script. I've tried to use a couple other articles to try to solve my issue but I'm stuck. I've got a similar situation as this article: Prompt box, ask value, store in ...
Danielle Sullivan's user avatar
0 votes
0 answers
69 views

Why can't I import "react-pro-sidebar/dist/css/styles.css"?

I want to add the css file "react-pro-sidebar/dist/css/styles.css" in my jsx file. But when I try, there's an error. I've already installed react-pro-sidebar and all the essentials... Thanks ...
melihp's user avatar
  • 1
0 votes
0 answers
37 views

How to display a website inside a chrome extension iframe

This is my Manifest.json file { "manifest_version": 3, "name": "Knowledge", "version": "1.0", "description": "Adds an iframe to ...
Mohsin S S's user avatar
0 votes
2 answers
55 views

Hiding overflow on folder sidebar

I am struggling to make a basic CSS sidebar, and I can't figure out why. It seems to work on codepen examples, but I might miss something. Here I have some code in an Astro component (html with ...
Vincent Gonnet's user avatar
0 votes
0 answers
154 views

react-pro-sidebar v1.0.0 with react-router-dom v6.16.0: How to make active SubMenu when route changes on clicking MenuItems?

I just created a simple sidemenu with 3 submenus and their menuitems, but the thing I want to solve is, when I click on a MenuItem and the route changes all Submenu dropdowns get closes, so its not ...
Reacting's user avatar
0 votes
0 answers
19 views

Problem with sidebar hiding after clicking outside it

For the past two weeks I have been struggling with the functionality that is supposed to hide the "sidebar" when you click outside the article list. Unfortunately this does not happen and ...
fila_krzysztof's user avatar
2 votes
1 answer
33 views

How to stop the sidebar appearing before shinyauthr authentication?

I'm using shinyauthr as a login for a shiny app. However, I get a small grey rectangle where the sidebar will appear, even before authentication (bottom left of the image). How do I get the sidebar ...
Mike's user avatar
  • 959
0 votes
0 answers
290 views

How to create a vertical sidebar filter component for table in React

I am creating a React project using Material UI (MUI) library components, and I need a left vertical sidebar filter component, which will be integrated with a MUI DataGrid table on its right side. The ...
Ankit_M's user avatar
  • 288
0 votes
0 answers
15 views

How to show or hide the primary side bar by default in vscode? [duplicate]

By default, vscode opens with the primary side bar (containing explorer, outline, etc.) shown. Is there a setting to hide the sidebar by default?
Alex's user avatar
  • 932
0 votes
0 answers
9 views

Wordpress category_list issue it redirect to the no-category page what is the issue

when i click the list of category(sidebar) like 2021, 2022, one category link is not redirect correctly ...it goes to no-category page like this this websitname/category/no-category Anyone try to give ...
Pavithra M's user avatar
0 votes
1 answer
31 views

ReactJs Complex Sidebar with nested components and state management

I am using reactJs with Mui to implement a portal for a unity project that creates metaverses, I have a floating sidebar that will contain all the elements and objects for the user to use and ...
Asmaa Hamid's user avatar
0 votes
0 answers
56 views

In my Blazor server side app I cannot change the seleceted menu color in the sidebar menue navigation. How can I do it?

In my Blazor server side app I am using the following Navigation in the side menu bar. I have taken it from the Blazor sample project. The first 2 menues have no submenues (not expandable) The third ...
Mdarende's user avatar
  • 527
0 votes
0 answers
64 views

How to have a chrome extension that have both a popup window and sidebar that only shows on button click

I have a screen recording extension that when the user clicks on the start recording button a sidebar shows in chrome broswer with a timer and a stop/pause buttons and when the user click on stop ...
Fatma's user avatar
  • 1
0 votes
1 answer
47 views

Is the bootstrap tabs feature not working because of my css files? [closed]

I want to use bootstrap tabs in the sidebar on my website, but I can't use it because unfortunately it doesn't work when I put tabs in the related sidebar-parsel-liste class. When I add the tabs tags ...
frontendciyim's user avatar
0 votes
0 answers
45 views

Remove Left SideBar From Homepage in Blogger

I want to hide (or remove) the left side bar from my homepage and have it appear on the other pages. I have not found any solution on the internet that works for me. I received this link from google ...
StressFreeU2's user avatar
0 votes
1 answer
55 views

Why my transition code for sidebar in reactjs dosen`t work?

I want my sidebar to move from up to down as a slider, I tried other methods like opacity and transform, but still my code doesn't work. I want my sidebar list to slide from top to bottom or right to ...
Iman Rh's user avatar
0 votes
0 answers
45 views

two sidebar for sphinx documentation

I have these rst main.rst source.rst source.file1.rst source.file2.rst left side bar for index.html shows main and source # index.rst Welcome! ========== .. toctree:: :maxdepth: 1 ...
Peter's user avatar
  • 437
1 vote
1 answer
100 views

Remove sidebar from WooCommerce Product Page in bootScore Theme

I am having difficulty removing the sidebar from a Single Product Page in WooCommerce using the bootScore Child Theme. The first thing I tried was removing the action in my child themes functions.php ...
Linda Keating's user avatar
0 votes
0 answers
42 views

laravel include in layout app is taking too long to load page

I am making a project on laravel 10. When i include sidebar file in my layouts.app file then page takes too long to reloa and it never opens page and i have to restart my server. layouts.app file But ...
Ahmed Nabeel's user avatar
-1 votes
1 answer
24 views

I want to Download the wiki pages at 'Oblivion:Oblivion-UESP wiki' without getting the sidebar links to other wiki content

I tried to use wget to download the 'Oblivion:Oblivion-uesp wiki' `https://en.uesp.net/wiki/Oblivion:Oblivion' which is about the crpg game 'Oblivion'. the game is old and I worry that someday the ...
Robert Goodwin's user avatar
0 votes
1 answer
25 views

How do I make sidebar elements on a wordpress website sticky for a certain section of the website?

Here's an example to better illustrate my question: enter link description here Check their sidebar from desktop. Different section of the side bar becomes sticky for each product review then slides ...
William Dupre's user avatar
-1 votes
1 answer
105 views

Why my sticky sidebar is leaving blank space from top of sidebar?

It does leaves a blank space from top of it's content and till the sidebar while sidebar still sticks to the left while scrolling. let sidebar = document.getElementsByClassName("blog-sidebar")[0]; ...
Enola's user avatar
  • 1
1 vote
0 answers
53 views

How to show sidebar differently to 2 different user roles in React?

In my React project, I access the dashboard with 2 different users, admin and restaurant. I want to hide some of the headers in the sidebar. The titles that the Admin user and the Restaurant user ...
Sabri Yaşar's user avatar
0 votes
0 answers
46 views

If Statement in HTML can't exit

I'm making a sidebar/menubar for a website. The first problem I was having, was that it was showing up on the login page so you didn't have to login to get to the page. I added an if statement to it (...
Kristi Burkhart's user avatar
0 votes
0 answers
51 views

PyQt5 Sidebar Widget Not Collapsing as Expected

I'm developing a PyQt5 application that incorporates a sidebar widget for displaying various types of information. The sidebar is implemented using QDockWidget and QStackedLayout. I want this sidebar ...
King Al's user avatar
  • 21
0 votes
2 answers
97 views

How to add minimap on the sidebar in OpenLayers working by click

I have a simple OpenLayers map with a GeoJSON layer (several cities as points and labels) and a working sidebar where the properties of each city selected by mouseclick are displayed. In simplified ...
Listopoval's user avatar

1
2 3 4 5
45