I see native android has asymmetrical grid options.
But I am looking for something similar in Xamarin, forms specifically. Can't seem to find anything. Am I stuck resolving this need with a relative layout? As the grid layout does not support this from what I can tell. Any solutions people have seen out there before I spend my night on making something like this.
This can be done in Xamarin Forms using the Grid layout. Set up your grid to have as many rows and columns as you would like and then add the Grid.RowSpan and Grid.ColumnSpan properties on the child views.
You will achieve the same effect.
More info - Present views in grids.
Related
I have a question regarding an issue.
How can i make items reposition themselves when I hide or show marked panel?
enter image description here
Your question is broad as there are numerous ways to achieve that:
You can use some of the UI components responsible for auto-layout
You can script your components to do what you want
You can combine both of the above
In your case the most straightforward solution would probably be to design your UI with Horizontal and Vertical Layout Groups (or perhaps a Grid).
I'm also assuming that by 'hiding' you mean setting the object to inactive. If you're just changing transparency of a canvas group for example, you'd have to resort to numbers 2 & 3.
Unity documentation has some HowTos that refer to responsive design.
I am working with the Kendo UI beta (v. 2013.1.226) and I found that there are some glitches when you change the font size of a combobox.
The drpodown arrow doesn't seem right - it is a bit up while it shouold perfectly position itself in the center of the dropdown button.
To illistrate - I am attaching a screenshot.
Anyone know if there's a way to fix this?
I am thinking of somehow change the x and y position of the background to be relative.
Any help will be appreciated.
Update: Not quite sure if it's only me but found another problem changing the font size, the list seems to overlap the input field as shown in the second image:
I am using IE 9. Anyone have those problems or is it just me?
As far as I know Kendo shouldn't be interfering with other styles on the page (the styles start with k- prefix) so I am wondering if the issues only occur for me or are common.
The KendoUI Combobox is made up of multiple components and has its own styling for all the parts including the arrow. The arrow is actually two nested spans in the version I am using (2013.1.514).
I changed my textbox heights and got different alignment problems:
I would not expect the supplied KendoUI CSS to survive a font-size change as they are tweaked to look good at its own default font size. Your best bet is to use Chrome's F12 tools to determine what CSS styles are affected and tweak the Kendo styles (or your overrides) to match your requirements.
I have been searching for an answer for a couple days now and had no luck.
When using AJAX to bring in multiple forms into a DIV how can I position new forms not on top of the existing form?
I have a menu that calls in new forms into a working area. The new form being called in appears on top of the existing form(s). The forms are draggable but I would prefer to have the new form position itself off of the other one(s). Is there a way to do this?
I am using jQuery to handle AJAX and effects.
EDIT & ANSWER:
I just found out what was wrong. Sorry I didn't see this before. My forms were each in their own DIVs which were getting a 0 height. This is one of those facepalm moments. :P
Thanks for your responses guys. :)
BETTER EDIT:
I used the float:left advice and added in the 0 height again. Everything works great now.
If I understand what you are trying to accomplish - you could "float" your forms within your working area and just append new ones into the working area when you need to.
Example
I've spent 2 hours looking for a solution. I need to make a design
like the Youtube UI (Tablet UI) where it shows a vertical scroll, but
in each row there are 4 videos (landscape view). I've tried to do
something similar, but i couldn't =(
Is there any place where i can get the source code of the youtube
application for Tablet? Or maybe some resource to solve this? :(
BTW, my try was designing UI with scrollView, LinearLayout and my_item.xml, i tried to inflate my_item.xml adding programmatically into the linearlayout (horizontal orientation), but it doesn't work in the way that i want. I need something like a linearlayout but with horizontal and vertical orientation at the same time (something like a div).
I was thinking to use a ListView and a custom adapter (with my_item.xml), but i'm not sure if this can be the best solution.
Thxs
You should create seperate resources for each layout.
For example if the user is in Portrait mode you would have the correct layout in.
layout-port: layout for portrait orientation
layout-land: layout for landscape orientation
Read more on providing alternative resources here
Also i would recommend to read more on Handling runtime changes
This will help you with recognizing when the user changes orientation. You could actually use this guide and when the user flips the devices orientation you could then change the layout. Keep in mind hard coding this can be dangerous though. I would recommend using the layout folders.
Good luck!
Finally i solve my problem.
It works with a linearLayout(vertical) and adding linearlayout(horizontal) for each row. And obviously managing my scrollview.
BTW, i still think android should have a layout like a "div".
Thxs all
I'm wondering how to implement views similar to the conversation views in mail (for Lion).
http://images.apple.com/macosx/whats-new/images/mail_conversation_screen.jpg
I want the effect where it looks like a sheet of paper laying on the background.
I'm thinking that it may just be a view based table view.
A nudge in the right direction would be fine. Just need to know where to look to find out how to do it.
Thanks in advance.
It could be a view based table view or just a normal container view with some simple tiling logic (ie, "roll through each subview and set their frames"). The effect you're looking for, though, can be easily accomplished with layer-backed views with a background shadow enabled.
There are several perfectly valid approaches to this goal (the layout and drawing parts). Pick one, start down the path, then post questions as problems arise.