vertical scrollbar in Itemselector in extJs - extjs4

I am using extJs 4.0.
I am dynamically loading the data in item selector from the store. The no. of Values in item selector will increase in future.I want a vertical scrollbar in lefthandside of the item selector. I googled but didn't find any solution. If any one can please help and suggest.
Thanks in advance

ItemSelector is nothing but the combination of two Multiselector and some buttons.
So i added a property in Multiselector.Js
autoScroll: true
and also set the height property in ItemSelector.js
height: me.height
So that now i can set the height of my itemSelector and Scroll bar is also working perfect.

Related

.net - vb.net Horizontal Scroll Bar on DataGridView

I have a DataGridView on a Windows Form that can have up to 25 columns and up to many thousands of rows. There are no defined columns in the DGV, these are dynamically generated in the code. No columns are frozen. The DGV works as expected in the version I inherited. Then I got my hands on it…
I am adding a toolbar to the form. The issue I am facing is that when I lower the top of the DGV to fit just below the toolbar and ensure the DGV fits on the form, I lose my horizontal scroll bar. I can scroll the thumb off the form, so it is no longer visible. My Document Count field shows as expected in the image below.
DGV no horizontal bar and thumb scrolled off form
Some potentially related field values from DGV Properties:
AutoSizeColumnsMode = None
AutoSizeRowsMode = None
Dock = None
ScrollBars = Both
Any input would be much appreciated.
Added a Screen Shot to help clarify the issue.
Design View of the form
Solved! Thanks #Luke #LarsTech for suggestions. Not sure why but recreating it solved the horizontal scroll bar issue. I deleted my grid and recreated it in the Designer just like the previous one. This time I used Dock Right instead of None or Fill. I did use BringToFront also, because SendToBack shrunk my toolbar to half the size. I lost my blank area on the right of the grid, but i can live with that.
Thank you so much for the help!

Unable to set height of NSButton

I have some NSButtons of style Round Textured inserted into an NSToolbar.
I have created some custom images for the buttons and would like to make them vertically bigger, however the height field for the button is greyed out.
Anyone got any ideas why, and if there is a way around it?
Thanks
Gareth
From NSButtonCell Class Reference
NSTexturedRoundedBezelStyle The height of this button is fixed.
You can use NSTexturedSquareBezelStyle Bezel Styles
You have to uncheck Bordered in the latest version of XCode

Horizontal layout with fullscreen scrollbar

How can I create horizontal layout with fullscreen scrollbar? Like "Store" app in Windows 8. I use WinJS
Try this, flexbox:
http://msdn.microsoft.com/en-us/library/ie/hh673531(v=vs.85).aspx
There is a property called ‘flex-direction’which allows you to change a row to a column, i.e. the elements would be aligned vertically. It is also possible to reverse the direction, i.e. the last element in the container would appear first in the list. This property can take the values – ‘row’, ‘row-reverse’, ‘column’ and ‘column-reverse’.

How to set Scrollbar position in vb.net?

I have one gridview which was in a panel and I set panel's Scrollbars property as vertical and height 200px. Gridview has number of rows (say 1000). If i scroll down and selected a 900th row,scroll bar will move to top.I want to focus on that row after selection(ie.scroll bar will be on the same position when we selected). Is there anyone to help me?
your gridview can have scrollbars too I think.
Otherwise try using datagridview. they are slightly different with properties.
If that doesnt work check the properties of your gridview.
Are you allowed to edit or select anything?
I think if you answer those questions the solution will show itself.
Hope this helped.

Dojo/Dijit - How to allow Vertical Scrolling on a layout control

How can I allow scrolling in this Dojo/Dijit page:
http://www.olexe.com/html/DijitScrollTest.html
I might have 60 or 100 rows to display in the tabControl (id="topTabs").
I think there must be a property such as AllowScrolling but I cannot find it.
Or do I need to add a child control, and then turn on scrolling in the child control.
(If you could also point me to the Dijit doc where it is document, that would be appreciated. I have been hunting for over one hour for it).
In general scrolling is easily activated by setting the CSS style overflow to "auto". However, I have looked through your page a little and I have a few questions.
First, you add a TabContainer in the center region of the BorderContainer, but then you never add any tabs to that Container that I can see. TabContainers are usually populated with several ContentPanes to acts as different Tabs.
So if you want tabs, then I would add an additional child element in the form of a ContentPane that holds all the content, otherwise I would change the existing TabContainer into a ContentPane.
Either way, it is the ContentPane that should have the overflow: auto; attribute set to allow scrolling within that element.
the contents of TabContainer should scroll by default. Try looking at the declarative example in the docs and use ContentPane children with a title attribute for each.