Visual Challenge - Trello Boards

[Agerathum]

Good time, Xamarin community.
I tried to make boards like in Trello.
Here is a screenshot from Trello app that was on Android and an source shot

And actually, my impressions of using Visual.Material:
- Tabbar Items doesn't stack into a dropdown element (and no matter what it primary or secondary);
- Label, in LineBreakMode = Word Wrap, add one unnecessary empty line to the end;
- I'm taking some time to change the colour of the action bar. Why colour that in the AppShell.xaml not inherited by default to VisualChallengePage.xaml. Also, ActionBar on iOS looks very pale (it is possible that I missed something from attention). I had to change the colour of the navigation bar I needed through AppDelegate.cs;
+ Finally cool floating entry`s
+ Amazing ink ripple effect on the buttons and in the addition to that ability to attach images with text and without it.
- Button text is the only uppercase. As well the distance between the letters is very large in my opinion;

What would you like to see in the next updates:
> CardView that contained in self - ink ripple effect. Either tie this effect under TapGestureRecognizer that was on view;
> Also will be cool to add ripple effect in the nested scroll view not only child of content view;
> Add please Checkboxes with Material style;
> It would also be great to add the ability to change the settings of the shadow.

And actually the result: Source shot of Android and Source shot of iOS

[davidortinau]

Thank you @Agerathum! Very nice result.

Tabbar Items doesn't stack into a dropdown element (and no matter what it primary or secondary);

You're referring to the upper right button to the right of the search button? Would you expect the dropdown element always, or only when you've chosen to use Material?

I'm taking some time to change the colour of the action bar.

Yes, this is something we need to address. There's a color blending happening b/c of how Apple does the navigation bar. This is an issue with Shell that I believe is already open. If not, I'll note it again. Thx.

Button text is the only uppercase. As well the distance between the letters is very large in my opinion;

When we enable some styling properties, this will be something you can control. The distance between letters may be more a function of the font, but we do have an open PR for letter spacing.

Add please Checkboxes with Material style;

Once we have a Checkbox,

It would also be great to add the ability to change the settings of the shadow

Agree, this is similar to the the Button text issue. It'll be possible once we can expose more properties.

Thanks again, great notes!

[Agerathum]

@davidortinau I am glad to help =)

You're referring to the upper right button to the right of the search button? Would you expect the dropdown element always, or only when you've chosen to use Material?

Yes, that's right 3 small dots in the upper right corner of the navigation bar, but apparently, this refers to the Shell, the Material does not affect this. Everything works fine in Material.

And also, there are differences in the default font colour between the Android platform and iOS. Same a font size. But I think that this is not essential since the colour can be corrected by changing TextColor Property.