NativeScript / docs-v7

Documentation, API reference, and code snippets for NativeScript
https://docs.nativescript.org
Apache License 2.0
445 stars 456 forks source link

Add an article explaining how simple layouts are done for web devs #124

Open enchev opened 9 years ago

enchev commented 9 years ago

From @valentinstoychev on May 25, 2015 8:37

I know we have this article, but it doesn't show you how a basic layout is done and it is hard for web dev to get started with our layout system. We should start with simple scenarios and show the analogies.

Copied from original issue: NativeScript/NativeScript#212

enchev commented 9 years ago

From @emiloberg on May 25, 2015 10:43

The layout tutorial in the online AppBuilder is actually quite good - maybe reuse that?

enchev commented 9 years ago

From @valentinstoychev on May 25, 2015 10:45

Yes, definitely. We should also add content about how to convert HTML layout to {N}.

enchev commented 9 years ago

From @jlooper on May 27, 2015 2:37

I think it's quite tricky to move from a hybrid mobile 'mindset' to a {N} mindset, especially if you are creating an image-heavy app where you need content scaling to behave itself. I like the idea of showing use cases for each layout (why would you use a grid? a stack? why combine them? why use a wrap layout? who needs absolute?) and giving copy/pasteable code for each to onboard folks more easily.

tjvantoll commented 8 years ago

Adding the up-for-grabs label. I’d love to see someone add a section on this to the existing Layouts page at http://docs.nativescript.org/ui/layouts.html.