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; }
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 needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
So I'm following a set of tutorials and have come to a point where I have the app working (A simple calculator), but the UI could still be improved.
The current UI works great on phones, but when going up to an iPad, parts of the UI expand as needed, but the buttons stay at quite a small size. I have no constraints keeping the buttons small and the stack that the buttons are in do expand to fill the space.
My project files can be found here:
https://github.com/maza256/retrocalc
An image to explain is found here:
iPhone and iPad Preview image
Any help would be great.
After looking at your project I found one change that you can make. Go to storyboard and select the buttons then click on attribues inspector. Then under control change the alingment options on the far right, which will cause your image to expand to fit the space.
Ipad
Inspector Setting
Sorry that i didn't catch this in my post. But you will need to click on the stack view for the top row of numbers and make sure to make the stack view settings like this.
Buttons are the right size. They are not small and behave as you expect. Try to change background color:
iPad screenshot
The problem is that you have very small images. You have to provide .#2x and .#3x images, so you won't lost quality on iPad.
Image assets
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
UPDATE FOR SOLVE:
I'm using bootstrap and it has col classes. col class has position:relative property. In my case col classes depeneds a div which has not any position css property. So when I overrided col class position property:relative with position:inherit, my problem has solved
I have a web page has some input elements at the end.
When I open it in IPhone version (5,5s,6,6s) I come over these input elements I got a sticky scrolling.
I'm not sure if I used the right expression but I mean I can not scroll more over up or down.
I'm using HTML5
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Anyone know what the control is called to achieve the functionality shown here in the iOS Stocks app?
I've been searching Google for things like 'Slidable UIView' but can't find anything!
If you mean the graph, there's no native component for that, but you can use an external library, for example CorePlot:
https://code.google.com/p/core-plot/
If you mean the scroll view with pages, it's just a UIScrollView with a content size of several pages and a UIPageController attached.
Sliding View -> Have a look at this:https://github.com/dickverbunt/DVSlideViewController.
Besides that you need to have pageControl:https://www.cocoacontrols.com/controls/smpagecontrol
This is how the dots appear in the image.
Plotting Graph -> Have a look at this: https://code.google.com/p/core-plot/
Tutorial for PageControl with ScrollView: http://iosmadesimple.blogspot.sg/2013/01/page-control-for-switching-between-views.html
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.