Questions tagged [sidebar]
The sidebar tag is to be used for issues relating to displaying or rendering information to the side of an application.
2,250
questions
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 ...
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 ...
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 ...
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%;
...
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 ...
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 '...
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 ...
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 ...
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 ...
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 ...
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 ...
-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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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&...
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 ...
-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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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
...
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 ...
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 ...
-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 ...
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 ...
-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];
...
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 ...
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 (...
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 ...
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 ...