I have a grid panel with some data, when ever grid rows exceeds i.e, if the data is more n grid height is small scroll bar ll come . I want to change the style of that scroll bar. I tried following css :
.x-box-scroller
.x-scroller-vertical
But no changes in scroll bar width n style.
pls someone let me know the correct way to change the Extjs4 scroll bar width and color
Thanks
The Scrollbar is rendered by the browser and not by ExtJS. The Framework just makes some space for it. Asking your Question as you did can only be answered with no
Scrollbar CSS styles are an oddity invented by Microsoft developers.
They are not part of the W3C standard for CSS and therefore most
browsers just ignore them.
this might interest you stackoverflow.com/questions/7725652
Related
It looks like sencha extjs's auto layout container does not take up extra width for the vertical scrollbar unlike other layouts.
https://fiddle.sencha.com/#fiddle/3glh&view/editor
Browse above fiddle, and you will notice that the auto container's vertical scrollbar appears over the textfield. The same problem does not happen for hbox/vbox. They take some extra width for the vertical scrollbar like any container with scrolling support should.
Is this a bug or one of the inherent limitations with sencha (for the auto layout). It seems unintuitive that a container with auto width wont take up more width for the vertical scrollbar. I am not looking for a workaround currently, but just trying to understand auto layout container correctly so that we can use it for what it can only provide.
Thank you
How can I disable the default scrolling effect of a menu and just use a vertical scrollbar. I am able to use the scrollbar when I set overflowY to 'auto'. However, the mouse scroll wheel doesn't work as expected anymore, and the behavior in general is just wonky. I suspect it is because both scrolling is in effect and they are comflicting with each other.
I'm not sure if there is a config option that I am missing. The weird behavior can be seen here: Fiddle
Have you tried setting a height / maxHeight on the menu and setting overflowY:'scroll' ?
I'm working around this issue by simply embedding a panel with a fixed size as a menu item, and then adding all the components to the panel instead. This gives me a lot more flexibility to layout the items, and not have to worry about the inconsistent scrolling of an overflown menu.
I am using ExtJS 3.3
I have a main panel containing another panel (containing text) and a grid containing data with a paging toolbar and footer.
There is a zoom control (a combo with values like "100%, "50%", "page width","whole page" ) on the paging toolbar.
I wish to select a zoom level from the combo and have everything on the main panel resize to that zoom level.
I need all other panels on the page to appear unchanged in size.
I have Googled around but cannot see any solutions or extensions available.
How can I do this please? Any ideas?
You should be able to do this using CSS to define the size of each element at each required zoom level. Your combo zoom control would need to have an event handler which would switch the class of the (probably) DIV element which contains the content you want to resize.
There is a StackOverflow question here which is a useful discussion about some ways to acheive the scaling; there are many ways to do it and your choice depends on what you need to acheive. If you provide sight of the display or code you're working on then I could probably make some recommendations.
I have a DataGrid in my silverlight application and I'm wondering how to get the same behavior for the vertical scrolling as the horizontal scrolling. When I resize the browser horizontally, The app will bunch up all the controls and the horizontal scrollbar will appear, however when I resize it vertially, the controls at the bottom of the app just move out of view. Does anyone know any tricks to handle something like this?
My problem is StackPanels. Don't use them, they are evil and don't resize.
I couldn't get the scrollbar to show up at all with the datagrid. Removing the datagrid from a stackpanel and using a grid instead also solved my problem.
Good call!
In my case the Height of the rowdefinition where I have the datagrid was set to "Auto" and it had a rowdefinition below with height set to *. I switched the values and it worked.
Yes stack panels causes some unknown errors in Silverlight, I Had also experienced problems with regards to stack panels like nesting data fields inside stack panels which are also inside data forms.
I am developing a form in .NET Compact Framework, which hosts a variable number of controls. Every control should have the same width as the form. When there are only a few controls, no vertical scrollbar appears. When there are more controls than they can fit in one form, a vertical scrollbar appears. The width of the controls should then be modified, so that no horizontal scrollbar appears.
What is the best way to achieve this? I am interested in a solution that will work in all platforms/screen sizes and that can support screen orientation changes.
If I get this right, at one point, both a vertical and horizontal scrollbar appear, and you want only the vertical scrollbar? Doesn't setting the Anchor of each control to "Top|Left|Right" solve this problem automatically?
If every control is to be the same width as the form, why not just Dock every control to Top (or Bottom)? It'll take care of the resizing for you then. It might not look very attractive however, so I suggest adding in some empty Panels (docked the same way) to be used as vertical spacers.
I did some quick testing, and it seems, when you add controls, the panel raises the resize event when the added control tiggers the scollbars to go visible. The annoying part is here that the resize event is triggered a couple of times during startup :(
But knowing the compact framework, this might be your best shot at handling this.
Normally on the full framework you could if the DisplayRectangle is bigger than the size of the panel, but no such thing exists on the cf.
Hope this is of some help, I'll see if I can find anything more in the morning.