I know there are plenty of answers about this, but something I do not get right, as my knowledge level of CSS is below elementary.
I have a div which I dynamically populate with labels (asp .net in code behind). I would like this div to expand only vertically, having a fixed width (say to 100% of the page). The layout I try to achieve is the one of a paragraph consisting of words represented by the <asp:Label> items.
Any help is mostly appreciated!
Expand Divs Vertically has detailed information and possible methods. It might be helpfull.
Related
I have a UWP app that I am working on, and using absolute position creates problems when using the app on screen sizes different than the one it was designed for.
I'm not sure how exactly i should place elements at distances from each other without using margin and absolute position. How should I be doing this?
Edit: I am using XAML to design the UI.
Well, it depends on what UI you want to build up.
There are various panels and, usually, there is NO need to use absolute position in most cases.
Usually, the Grid panel is used to create flexible layouts, by adding rows and columns: for example, if you want to create a page with some content and a bottom app bar with buttons on it, you usually create a Grid with as many rows as you need for your content controls, plus one for the bottom appbar itself.
Years ago, I also started building UIs by using absolute position for every element, but then times passes and you start having a flexible mind in order to build flexible layouts.
Sorry to not answer any further, but your question is just TOO broad to give any precise answer.
Best regards
How do you properly position elements in XAML without using absolute position?
You should use an appropriate layout panel:
Layout panels are containers that allow you to arrange and group UI elements in your app. The built-in XAML layout panels include RelativePanel, StackPanel, Grid, VariableSizedWrapGrid, and Canvas.
Please have a look at http://www.bootply.com/133473.
I have at least a couple of problems and I didn't find any solution up to now...
First problem:
The leaflet map is 0px height and the next row is not in the correct position.
Second problem (but maybe it is related to the first one):
On a small device the width of the map is the full width but I'd like to have a margin and I wasn't able to get it (I tried but margin-left, margin-right and padding-left, padding-right...) and of course the text row is superimposed to the map and that's not what I want...
Looking at your bootply posting, it looks like your first problem was solved (I see the map so the height must not be 0px).
As for your second problem, it is the Bootstrap Editor that is not able to show your app on smaller screens. This problem may go away when you view your app on its own web page.
I'd like to position bootstrap elements - buttons or other, at a given horizontal start position on my page. The exact horizontal position should vary dynamically. It seems html (and to some extent bootstrap) wasn't exactly cut out for this but is there a good way to reliably accomplish that?
My best shot is fiddling with its horizontal margin. Is there something even more straightforward, that will bypass the need to consider all other elements in its column and can directly use the desired height regardless of what's else in the column?
How could I achieve a page layout in which I could scroll horizontally to the right, to display a content on the page that is wider than the page itself? Something very similar to the "Store" App...
Tried scrollviewer encasing stackpanel, grids or others and no result. I looked at the samples that are generated from the Store project templates but those are also different. I guess it shouldn't be so hard but can't figure it out...
I'm trying to obtain something like this :
I want to display a content, divided into columns, which continues from a column to another. Tried also with WrapGrid, but no success... Any ideas or suggestions are greatly appreciated, thank you.
If you are going implement something similar to Article view, please read this page News apps on MSDN. It gives you information about what should you use to build apps like News apps, check the Your app's article view part:
For more info about best practices for fonts, such as size, color, and
weight, see Guidelines and checklist for text and typography
(JavaScript) or Displaying and editing text (C#/VB/C++). In Windows
Store apps written using XAML, you can use the RichTextBlock and
RichTextBlockOverflow controls to manage text overflow. For an
example, see XAML text display sample.
I want to create a rotating widget for iPhone application. Something similar here. But in this selected section is at left (0 degrees). It starts populating sections form left (0 degrees). I want selected section at top (90 degrees).
Please note number of sections are odd in my case. So adjusting top section must be properly adjusted at top center.
Any help would be appreciated.
Thanks in advance
Sayali
You can use the iCarousel library for that. It is very customizable.
Or maybe you want to try out the new UICollectionView, you can customize its layout as well so that it looks like a wheel.
If you look carefully at the source you cite, it explains exactly where it sets the starting point. When filling in first the labels and then the images, it is really irrelevant where you start.
The only difference is the graphic surrounding the wheel with the indicator on the left. Simply rotate that and you are done.