How to align radio button list with text input list - jquery-mobile

With a my quiz creator interface, the user enters three answers then marks the correct one by setting the radio button:
http://jsfiddle.net/VLeph/2/
However, I cannot get the text input and checkbox to line up nicely. Preferably, I would like to do this without rounded corners between text input and checkbox. Like the horizontal radio group shown in the link below. But with text input on the left instead.
http://jsfiddle.net/CeN9z/ .
Do you have an idea how to do this?
thanks :)
Christian

You can try placing all the text inputs in one cell in the grid, and all the radio buttons in the other cell, then use a bit of styling to align them properly.
Something like jsfiddle

Related

Create edittext like stackoverflow tag text box

I want to create a multi lined edit text that can hold buttons but also have the ability to add free form text.
It should behave like the tag text box of stackoverflow that is under the body of the question when you ask a question on stackoverflow.
I thought about one layout that holds buttons (e.g. tags) and an edit text right after said layout. But as I want it to be multi-lined and if there was a line break, I'm not sure how the edit text should behave, since it couldn't be a quadratic box anymore.
Can you point me in the right direction? I've seen a post about making parts of an edittext uneditable. I could do this and put buttons over it, but the buttons might be a little bigger than the underlying text.
Do you know of alternatives?
I hope you get the point, if not I'll draw the control.
You can achieve same by using FlowLayout. Keep on adding text/button view it will automatically wraps contents to next line

In Delphi, how can I make a button appear on top of a TCheckListBox?

We want a list box with check boxes and formatted text. We get that using a TCheckListBox in owner-draw mode.
But we would like to also have a button appear at the right end of the selected row. Just adding a button (TSpeedButton) with the CheckListBox as the Parent doesn't get drawn correctly.
Does anyone know how to do this?

Text input pop-up for adding to tableview

I have a table view list and an add button at the top right. The user would press the button and a text field would pop up for a user to enter a string to be the label of the new item. Nothing new or special, what you'd expect from a "new playlist" type situation.
I am looking to have the small text field input that the user would type into. Most examples have the app move to a new view controller with a text field. I simply want a little box to overlay the current view that accepts a string. I cannot find/remember the name of the text box so I cannot find examples or code.
I think you are searching for something like
https://github.com/bmancini55/iOSExamples-DockedKeyboardView
Where your UITextField would be attached on the keyboard's accessory view.
OR
http://nshipster.com/uialertcontroller/
Where you use an UIALertController with an input field. I think the second one will resolve your problem more than the first one, because you are asking for a pop-up solution.
Hope it helps

Issue with gap bet between two buttons in JQUERY UI

I have issue like this:
When I place button (...) I get gap like above. I'm using $('#id').button();. How can I solve this?
UPDATE
Now i saw where is an error. On that button I'm setting style(margins top and left) to bee near input filed. If i remove that style button is bellow input field and without gap. Now my question is how to place button near input filed without setting margins?
I'm solved by adding everything in table with one row and 3 columns..

How can I control legend items through a custom button in Highcharts?

I'm looking for a way of controlling legend items through my custom button.
The button will be placed out of the canvas area.
How can I get a list of legend items, and toggle them through checkboxes?
By doing that, I can give users more spaces to see graphs.
Thanks,
Sung Am YANG
You can look at the legend item names using
chart.series[0].name
chart.series[1].name
To toggle axes on and off, use
chart.series[0].show()
chart.series[0].hide()
e.g. http://jsfiddle.net/BasRN/ shows hiding and showing the first series with buttons, including setting the button text to the series name.

Resources