in my web application there is a GridView control with 5 rows and paging which in some cases generates a vertical scroll bar automatically, how can i take it off? the scroll bar can move very little, something like a 1/10 of an inch.
I think this can be achieved with CSS
setting
overflow:hidden;
Related
i have two gridview in two different tr and td,i want to display one of them by setting visibility true or false but when i run it though only one is visible but the position of gridview remains static as it should be placed on the top which is not happening.Help me out
Is there any reason you use a table to show these grids? If I have understood you correctly, you need the bottom grid to take the space above, if the top grid is not visible. I strongly recommend not to use a table for this, but relative positioned divs. If you MUST use a table, use javascript to resize your top row, when needed.
I am not able to enable scroll bar for telerik radgrid.
i have used ClientSettings.Scrolling.AllowScroll=true.
can any one help?
You have to set an explicit height to show the vertical scrollbar; without an explicit height, it won't show up.
I'd like to know if there is a way to reserve space for a vertical scrollbar in a grid panel with ExtJS 4.1.1. I remember that I was able to do this with ExtJS 3, but maybe this feature was removed?
The grid has a fixed height so a scrollbar appears when the amount of rows exceeds the height of the grid. There is also a "delete" action that allows to remove each row one by one. The problem is that the action moves to the right when the scrollbar is not required anymore. This is the behaviour I'd like to avoid.
I think you're looking for reserveScrollbar
http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.layout.container.Auto-cfg-reserveScrollbar
Add overflowY: 'scroll' as a config param for your grid. See docs here: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.Component-cfg-overflowY.
I am using a devexpress gridview with editform template. My issue is I have many rows within a grid, so when I edit rows at the bottom of a page, the edit form goes below the screen and I have to scroll down to see the whole edit form. Is there a way to set this grid to auto height so I dont have to scroll down. Also the vertical scroll bar is always displayed even if I make it false.
You can use PopUpEditForm So That You Dont have To ScrollDown On The Screen And It appears in the middle of the screen itself.
You can use the following settings for the PopupEditForm for your grid
<SettingsEditing EditFormColumnCount="2" Mode="PopupEditForm" PopupEditFormWidth="800px"
PopupEditFormHeight="320px" PopupEditFormVerticalAlign="Below" PopupEditFormHorizontalAlign="Center"
PopupEditFormAllowResize="false" />
PopupEditFormWidth,PopupEditFormHeight - You can change it to any size you want so that all your controls are properly placed.
I am using Telerik's Radgrid for a website. Often the grid columns exceed the available width, and extend outside the main content area (fixed width).
So what are my options for presenting very wide grids. horizontal scroll bars just look ugly on my site
Your choices are a combination of the following:
Smaller fonts
Consolidate some cells to have more than one row (e.g. if you have a "start date" and "end date" put the start date on top and the end date on the bottom.
Widen the window
Make some cells appear conditionally (based on user-defined filters). Maybe the most frequently used cells appear normally and a checkbox unhides the less frequently used cells or groups of cells.
Allow horizontal scrolling
Make the window a fluid width
Popup data in a floating <div> via javascript instead of putting it in a column
Am I missing anything?
i am using telerik controls too, one thing i have learned after a lot of work with them is their CSS is usually good, but i also face your problem, and here is my advise.
what Keltex said.
always add a custom class to your Rad Grid where you do fix those nasty stuff.
don't use fixed width for Grid, instead use it on columns and make the grid Fluid, so does the page.
hope this helps.
I agree with devmania and making the grid fluid, I had a similar problem recently. So I made a few of my columns nowrap and left the rest to wrap. It doesn't look great on smaller screens but it's still usable because I've stopped things like date+time columns wrapping. However, once you start using it on a wider screen it looks great.
It all depends on how much of a scrollbar you have. Is it possible to strip out some of the columns and have that information in a popup/flyout somewhere?
Another option is to make which columns are shown user configurable, but you're not really addressing the problem, just making it the responsibility of the user to make it look nice.
If you can't get rid of the horizontal scrollbar you should at least try to put the more important columns first so that your users don't have to scroll to the right very often.