How do you increase the amount of rows that are shown for Sencha Touch 2.0 pickers on phones?

Does anyone know how to increase the amount of rows shown at one instant for date pickers and general pickers in Sencha Touch 2.0?

For example, by default, a datepicker shows 3 rows at a time but I would like to show 4.


Solution to your question lies here

I recently looked into this again and came up with a solution using css ( this will show 5 rows on the picker instead of the normal 3):

.x-sheet.x-picker {
  min-height: 305px !important;

This works in Sencha Touch 2.0.1. The "!important" thing isn't necessary. Just put this css in after everything else.... For my case I have an application.css that is created using sass but I also have an app.css that is applied after that for any tweaks. I would just set height but it would be overridden by the elements style which looks like this: {
bottom: 0px !important;
height: 220px !important;
left: 0px !important;
right: 0px !important;
z-index: 8 !important;

So by setting the min-height it will take precedence over height...... I am not sure if this is the best way and I am open to suggestions/improvements.

Need Your Help

How to capture browser close event and make a request to web service method on that event through javascript

javascript html javascript-events

I have a application where I am doing recording through a third party device using it's api on my page.Recording is started and stopped through a web service..

Nginx and try_flies not working properly

nginx rewrite multiviews

I'm trying to simulate Multiviews, but i have a problem with try_files. All is ok, but i want to rewrite all urls not managed to /index.php (but no with 404):

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.