Automatically Adjust Navigation Bar Height Based on Content with Xamarin Forms - xamarin.forms

I am able to set the height of the navigation bar for the Android platform in Xamarin Forms using a couple of different techniques described here and here.
However, both of these methods set the height of the navigation bar statically. What I would like to do is to set the height based on the content. Specifically, I would like the height of the navigation bar to automatically adjust based on the TitleView content. I have observed that anything more than two lines in the TitleView get clipped by the default height of the navigation bar. I could set the height statically but in the cases where the is only one line of content in the TitleView there is too much padding.
Any ideas?

Related

How do the horizontal scroller always visible in material table when the entire page is scrolled?

I always need a horizontal scroll bar in my website, when the page is scrolled.
I created the following sample with using material table.
I found a sample floatingScroll what i want, but it is using the jquery. How can I simulate the behavior with material table in React? I hope always display the horizontal scroll bar in the red box.
Thanks

ionic 3 tabs width to avoid entire horizontal space

i am using ionic-tabs component and trying to make the tab bar width just enough to show contents rather taking the entire space.
I don't see a sass variable to control it. all the variables are to control text and color related items.
How can i set the max height and widht for the ion-tabs ?
What I am aiming to look them like
https://www.dropbox.com/s/vv9vjjk2ym3iacb/Screenshot%202017-10-23%2014.10.27.png?dl=0
instead of
https://www.dropbox.com/s/hj1s1tp3xd8wbub/Screenshot%202017-10-23%2014.11.00.png?dl=0

Material UI V 1.0.0 Grid Layout

Trying to create a layout for a dashboard with a persistant drawer here is what I have so far
So far added the side bar and top bar but the content is not displaying in the free space between. (body)
Should I be using the Grid resource to do this and say have the app header as the parent of the body. Or should I just create a seperate body that has margins to space away from the sidebar and nav. There seems it should be a smarter way where the components don't overlap each other than just adding margins etc.

Qt: How do i set the height on a Vertical layout?

I'm having trouble using the layout manager system with Qt. This is going to be a Symbian app, so it should resize to different devices.
This is done by using the Layouts.
On the image below I used the Vertical Layout, but I don't understand how I can decide how much each cell should take in width and height.
I want the blue to be a top label background, but I don't want it to be as high as it is now.
Does anyone know how I can do this? (I'm new to Qt :))
You can set the maximum size for a widget by right clicking it and selecting 'Size Constraints'. Under that menu you can find actions that allow you to set the current displayed size as the maximum / minimum size for vertical / horizontal or both directions.
You can also set the numbers by hand by selecting the widget and by setting the number in the 'Property Editor'. They should be under the QWidget properties.
You cannot set the Height of a vertical layout directly, but you can set the height of the widget in which the vertical layout is.
If you want to split your Widgets so that the top widget takes 33.33% of the space, use the Stretch values. Set the top widget to 1 and the bottom widget to 2.

How to layout out a component differently depending on the amount of space available?

I am trying to build a sort of button bar in Flex - something like the horizontally laid-out bookmark bar you'd see in most modern web browsers, where when you run out of horizontal space, you can click on the arrows button(>>) to get a drop-down to see the rest of the items which did not fit into the horizontal space. Problem is, how can I know how much horizontal space is available for me to tell how many buttons to render into the button bar? This need doesn't appear to be support by the general layout manager framework.
You can check the width of the parent container, and if that is less than the combined widths of your objects that you've attached with AddChild or AddElement, then you don't have enough space and need use your arrow functionality.

Resources