Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I'm creating a mobile app targeted for iPad Mini. I have a panel that slides out from the left with navigation menu. I also have the need for a back button in the header. What is the best practice for buttons in the header? I need a back button at certain times in the flow of the application and I also need the button that opens the panel in the header too.
Thanks for your advice.
I forgot to mention the right side of header has a button that loads barcode scanner. So, I'm left with left side of header to compete for 2 buttons.
Header can accommodate two buttons on right and left, ui-btn-left and ui-btn-right respectively.
However, you can place more than two buttons in header by using controlgroup widget with data-type="horizontal" attribute.
<div data-role="header">
<!-- right-hand button -->
Bcode
<!-- if you don't want to use title,
replace it with <span class="ui-title"></span> -->
<h1>Header</h1>
<!-- left-hand button -->
<div data-role="controlgroup" data-type="horizontal" class="ui-btn-left">
Panel
Back
</div>
</div>
Demo jQM <= 1.3
Demo jQM >= 1.4
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
as the title states, i do have two elements within one HBox, a link and a button, with the problem that i want the link to be displayed in the the same line-height as the middle of the button.
Code:
<HBox>
<Link text="Hallo Welt"/>
<Button
icon="sap-icon://warning2" class="sapUiSmallMarginBegin"/>
</HBox>
Where the link is right now:
Where the link should be:
Question: How to position link in the middle of Button?
It's not really intuitive but proper samples for HBox can be found in FlexBox.
See the sample page for different alignments.
You probably want
<HBox alignItems="Center" justifyContent="Start">
But as #Boghyon wrote in his comment there might be better approaches if your use case is different.
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 8 years ago.
Improve this question
I'm developing an app with JQM. I want to use a controgroup in a panel as menu but it is not working a I expect...
See the jsfiddle here > click on the gear button at left top: http://jsfiddle.net/japx5xxh/
How to delete margin on the top and bottom of the buttons?
HTML:
<div data-role="panel" id="home-options" data-display="overlay" class="ui-mini ui-panel-inner">
<div data-role="control group">
No icon
Left
Right
</div>
</div>
CSS:
.ui-panel-inner {
padding: 0 !important;
}
Thank you a lot!
As said by Omar, the problem was coming from that were added by my text editor for an unknown reason between the control group elements.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 2 years ago.
Improve this question
I want to put a feedback form in a view in my IOS application.
There will be 2-3 smiley images. Initially they will be in grey color. When you tap one of them, it will be colored, and the rest stays grey. They will work like radio buttons in HTML.
And there will be 5 questions.
So, what is the best way to handle this feedback form in a native IOS application?
Thank you.
In my opinion the best and most simple way would be to do it with an embedded html page. This is great if you already have such a page for the web version.
Another way would be a custom made form in a xib, with custom buttons, but in order for you to actually receive that feedback, you would need to somehow send the data trough a scripted page (php, asp or whatever you like).
I've done similar things and I used the second suggestion I gave you but in my case it was different, because that form had to be presented over an existent view with animation and so on. What I would recommend you is the first one, with the web page.
I think you can use the xib to create the view with the question text and buttons for answer options. The buttons can have the smiley images as background image.
Then you can change the image for the smiley on button click for the button state selected. and may be have another button to confirm answer and move to next question that is refresh view with new question text.
Hope this helps.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I have to use 13 Preferences in my application.
I have 13 buttons for these 13 preferences.
But i need to display only 4 buttons in active on the home screen, which we have select 4 from these 13 preferences
when i click on the preference button (top -right corner to the home page).
preference list will displayed with 13 preferences.
When i select any preference the corresponding button should be replaced with the previous button.
what to do? thanks in advance
Well you need to follow the next:
[if its a limited number of buttons]
1-. Create a IBOutlet for each button.
2-. Maintain a an array for the preferences
3-. Implement an NSNotification in the main screen and call it from preferences, when you dismiss, and send the array
4-. Modify the UIButton
[if its different number of buttons]
- It's almost the same but you need to create them in the code, and then place them. Keep track of the last button x,y,width,height. And the other button could be oldX+oldWidth+offsetX
If you have any problems with the code just tell me
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 4 years ago.
Improve this question
I have been following the RoR tutorial and noticed that my layout appears to shift while moving between nav links. Rather than link to my actual project, you can see what I am talking about by looking at the author's personal homepage: www.michaelhartl.com/ If you move between the nav links at the top, the whole page appears to shift. I am guessing that this has nothing to do with RoR, and more with CSS.
Some pages have scrollbars, some others don't. When the scrollbar appears it shift it left some pixels. (If this is what you mean.)
As Sotiris said, some pages have scrollbars and some don't, due to the amount of content on the page. You can force scrollbars to appear on every page and prevent this apparent 'shift' by putting the following in your CSS file:
html { overflow-y: scroll; }