Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I have made use of the DevExpress ASPxDropDownEdit and DropDownWindowTemplate.
I have copied the example from the DevExpress demo site to setup my page - link to demo
Now the problem I'm having is when the Drop Down gets too many values, it extended outside of the page and i cannot select values lower down in the drop down box.
Am I able to place a scroll bar in the DropDownWindowTemplate so I can fix the height?
I have tried setting the Height of the Grid within my DropDownWindowTemplate as well as setting the DropDownWindowHeight on the ASPxDropDownEdit.
Include the Div element into the DropDownWindowTemplate and set its style.height property to some value. If you set the div's style.overflow attribute to Auto, this Div element will show scrollbars when it is necessary. Finally, you will have to include the required content to this DIV.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed last month.
Improve this question
I have a display grid with multiple rows and multiple columns, I am trying to make a div display when I hover over one of the grid boxes, but right now it is being cut off by a grid row. I want it to lay over the design.
I have tried position: absolute and z-index, but that does not seem to work. What other ideas can I try?
in addition to using absolute and z-index you should probably position the div you want to display over the others in the largest parent div. If you are able to provide your html and css I can be more precise
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
On the mobile version of the website, you can scroll to the right to the navigation, which should actually only be accessible via click. How can this be changed?
(URL removed)
I have already tried many different solutions that I have found, but nothing works so far.
I am looking for help in this individual case.
Thank you very much :)
By moving your .main-nav element with transform to the right you extend width of the visible content, and since your scroll properties are default it will enable you to scroll the entire visible content, including that menu.
What you want to do is clip everything that is outside of your html or body element.
CSS
html {
overflow-x: hidden;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I am working with a React package name 'react-select' that allows me to create dropdown easily. Everything was fine until I create a page where there is multiple divs with several dropdown inside. Weirdly, they go under the next dropdown in the stack.
I can't really copy all my code, so I made something on netlify. Try to open the dropdown under the "Training" section, you should see what I am talking about. There are some empty options, but it's the same behavior anyway.
I tried to put a higher z-index on the "menu" parts (where there is options), but it didn't work.
Here is the link: https://nervous-franklin-89a3d8.netlify.app/#/demo-modify-profile
Thanks!
Seems the problem is the dropdown is trying to overlap the next section(files section in rour example). You need to add a Z-Index to the section containing the dropdown. However Z-index property only works on a positioned element. See docs here
So you want something like this.
<div style="position:relative;z-index:1{higher than other sections};">Container with dropdown in it</div>
<div>Next Section</div>
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
http://lillangshamnens.philipnordstrom.com/
Hello!
I need help because my browser window is bigger than my html/body and because of that i get a scrollbar at the bottom.
Im using wordpress and bootstrap
That's because you have an iframe element that has a fixed width of 1280px. Try to set the max-width:100% property to it. Also the bootstrap rows have a negative margin set on them. You may also want to reset that.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am creating a dashboard and in the dashboard I got two boxes that I wanted have in the same level at the top. I am using the display "inline-block" to group them in boxes; however, the result is different instead the bottom part is in the same level but the top is not. See screenshot below:
https://www.mediafire.com/convkey/8e14/xdh672yojc8owe86g.jpg
I set the height of each box to "auto". You can see on the screenshot that the first box is not aligned equally to the second box, is there a way to have the two boxes in the same level or aligned equally at the top? I tried using table-cell display but it has compatibility issue on other browsers such as IE. Thanks
Use the verical-align: top; CSS property on the element which contains your inline-block elements. ;)