I have programmed a shopping list. The footer contains buttons for actions on a selected item in the list and I defined the footer as fixed so that it is always visible in the screen.
Now that I'm testing with an item list longer than the screen in firefox I discover that if I click on an item in the list (select it), the header and footer disappear from the screen and moved respectively to the top and bottom of the list. It looks as if the fixed attribute is toggled when clicking on the list.
This gets me in trouble because when I select an item in the list, the footer with the buttons disappear and I need to scroll to the end of the list to click on the buttons.
How could I remove this behavior ? I fear that if I set the fixed attribute every time an item is clicked, that the footer and header will flicker.
By default in jQueryMobile fixed toolbars toggle when you tap on the screen. You can disable this behaviour with $.mobile.fixedToolbars.setTouchToggleEnabled(false);. You can see more information here, in the section "Tap to toggle visibility".
Related
I am trying to implement a button that transitions to another view. The button works when the view is expanded but not when the view is collapsed. Why is this happening?
Note: The same button is in both pictures but the attributes (color, target) only seem to get applied when the view is expanded.
Not clickable
Clickable
I solved this by removing the leading bottom constraint in storyboard. Working as intended.
I have a Details component in a Grid that can expand and show a button. When I click it, it does expand but you cannot see the button unless you click on that row. How can I make that row in a grid bigger when the Details component is clicked?
Here are the pictures:
Before Click
After Click
How it should look
How can I set my heading "Setting" at the top of the tableview and button "Done" on the right top?
Just put them above the tableView so that they appear, and work, as part of the table, but they don't need to be tableView elements.
I'm making an app with a picker view, and when a button is pressed, the picker view pops up, and when another button is pressed, it disappears. In the storyboard, the picker view covers the bottom half of the screen, including two buttons, but when I run the simulator, the buttons and other objects that are on the screen (such as labels and text fields) get shifted to seemingly random places, including the objects that are not covered by the picker view. What exactly is the problem, and how do I fix it?
Go to the story board, select that particular view controller on which you have placed the picker view and open document outline window(which appear on the left side of story board). After that you will get the list of components present on that view. Drag the labels and the buttons to the bottom of the picker view. By doing this you will get the labels and the buttons on the top of the picker view and add the constraints to the components.
Another reason might be that you have selected other model at the bottom and ran on other model.
Just set the constraints it will solve the problems. And delete suggested constraints.
I have used two uibarbuttonitems and added a flexible style between them to adjust them at left and right. But when I click just near the buttons the respective actions are got called, even I don't click on the button (here fox example I clicked approx 20px before the right bar button). can any one explain why the action is performed when i click outside of the button not inside it. I check it with custom uitoolbar also and it is show the same problem.
Cocoa-Touch controls usually have larger active touch areas than they are visible on screen. Especially with bar buttons, the touch area can be dynamically enlarged if there are no other bar buttons nearby.