docs-v7 icon indicating copy to clipboard operation
docs-v7 copied to clipboard

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

Open enchev opened this issue 10 years ago • 4 comments

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 avatar Aug 03 '15 08:08 enchev

From @emiloberg on May 25, 2015 10:43

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

enchev avatar Aug 03 '15 08:08 enchev

From @valentinstoychev on May 25, 2015 10:45

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

enchev avatar Aug 03 '15 08:08 enchev

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.

enchev avatar Aug 03 '15 08:08 enchev

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.

tjvantoll avatar Jul 20 '16 15:07 tjvantoll