How to show like GridView GUI by HTML+CSS - html

I am porting Firefox addon to Chrome extension and want to use GridView like following on option window.
However, on chrome extension option.html, such GUI cannot be used and only HTML+CSS can be used.
select tag is not solution because multiple columns can't be used.
How can I make gui by HTML+CSS which multiple columns and selecting by row is possible?

I chose Tabulator from jspreadsheets because it has date sort and appropriate events.
P.S.
As of 2020 August, w2ui cannot used for Chrome extension.

Related

WP8 Control for picking a number

I need to allow a user to select a number between 5 and 30 in my Windows Phone app, and I find it overall difficult to do.
I am using pivot control so I shouldn't use slider according to MS guidelines.
I have downloaded WPToolkit and they have a neat DatePicker and TimePicker controls, and I think something similar would be perfect to pick a number (just the same way you pick time when setting up an alarm).
I was considering simple textbox, but I think it would be much nicer to just pick from a list of numbers instead of typing in...
Any ideas how to implement it? Or have anyone done that alrady? I think I could put like a textbox with focus or click event that would redirect to another page that has LongListSelector and once an item has been selected I would redirect back to the original page and populate the textbox with the selected number... Is that doable?
You can download the Toolkit source code and modify the DatePicker/TimePicker control to be more generic.
If you don't want to do that, you could just use the ListPicker control instead which is also included in the toolkit. Simply pass a list of numbers between 5 and 30 and the user can pick from the list.
You need to use LoopingSelector from Windows Phone Toolkit. An example how to customize it is here http://www.maxpaulousky.com/blog/archive/2011/01/31/windows-phone-looping-selector-for-digits.aspx.

Android time and date picker in one (iOS equivalent)

I am building an HTML5 coded app that will be wrapped for both android and iPhone.
I have a button that should evoke the date/time picker. On iOS this is easy as the picker already exists in one
Android has date and time picker in two different pickers.
Do you have any examples of combining them? Or introducing a flow going from one picker to the other without having two different buttons on the start screen to select from?
What I want is 1 button on the screen: "Select date and time" -> Opens combined picker (or picker flow)
I don't want 2 buttons: "Select date" "Select time" -> here you need to open two pickers independently. One for each button.
Any suggestions, examples and so on are more than welcome.
Thanks.
Every browser renders the native date and time pickers slightly differently.
If you're looking for a consistent solution, you can take a look at the Mobiscroll Date & Time Scroller.
It supports both Android and iOS, and it's themable, so you have even more control on how it looks & feels.

SSRS Datepicker control is not showing in Chrome and safari

I am using SSRS for reports in asp.net application. SSRS Datepicker control is not showing in Chrome and safari. It is just displaying the textbox.
You'll have to use I.E.
I always use a default value so the user knows how to imput the date correctly
I use the ietab chrome extension whenever I access reporting services reports. It works beautifully with reporting services.
link
I'm sorry to hear this. There will be limited you can do apart from work arounds as this is meant for Microsoft. :(
Mine is forget the date parameter type and use a free text field. In no way is this ideal!
Or use Internet Explorer.
Solution for Chrome: If the parameter's prompt contains the word "date" Chrome will display the calendar control.
(note: this is true for any parameter regardless of the parameters actual datatype)

How to split-view design and source in Netbeans GUI builder

Short and simple, is it possible to view the source and designer at the same time with Netbeans GUI builder?
Even if there's no real straightforward way, I would like to know if someone has any ideas for workarounds, like opening the form in multiple tabs for example.
Open the form so it's displayed. Right click it's name tab and select clone.
You should now have two tabs with the same name, representing the same class.
On one of the tabs, click "Source".
Now you can "re-dock" the second/cloned view anywhere you want.

populating drop down list from table data in android using Phonegap api?

i have to create something like combobox in android using html5 ,phonegap
I would use Glovebox (http://purplecabbage.github.com/GloveBox/) to create a scrollable list, which is effectively all the standard Android combobox is. The javascript source code on the example page shows you how to easily create it.