1. How do you set the framework in Site Designer V3? (i.e. Bootstrap, Foundation, etc.)
2. What is the default framework?
3. How do you work desktop-down?

I note the following from https://goo.gl/ZJd2PB



Can anyone shed some light on this?

The situation seems to me as follows.

1. There are no pre-set rows or columns in SD V3, as everything is positioned by
(a) containers, or
(b) CSS Grid Layout, or
(c) both.
The non-layout facilities of Foundation, Bootstrap etc. are
(i) chosen when starting a new project via the Theme Chooser, or
(ii) automatically set to the framework previously used when converting a project from an earlier version of RSD.

2. For a new project the default framework is Foundation unless a different default framework has been set by the user towards the bottom right of the Theme Chooser.

3. To work Desktop-Down, one would start with the Desktop-Down version of Vanilla in the Theme Chooser.

The Theme Chooser in SD V3 allows one to select either a Desktop-Down or Mobile-First version of Vanilla. Suzanne's post is not suggesting that one can use both in the same project. Because there are no breakpoints to start with, one may start where one likes, but the choice of Desktop-Down or Mobile-First has already been made by the user in the Theme Chooser.

Frank

Thank you very much Frank for this detailed response. This is great. Just so happens I prefer Foundation.

I must say Bainn, what a excellent job you've done on your three websites. They look quality. Regards Phil

I have an existing project that I created using the Foundation framework. I'm an 'old bloke' and I find that working small screen up gives me a headache. My brain wants to work the other way. Is it possible to change an existing project from Foundation to Vanilla? If so, how? Thanks in advance for any assistance.

I don't know of any other way to change framework than rebuilding. And the classes specific to Foundation won't work in any other framework.

I'm mainly using Foundation, but also sometimes Bootstrap, and what I do if I want to better see what I'm doing, is disabling the breakpoints. Then you can use a wide screen for the start of your site. You have to 'think' phone size while working, because when you toggle the breakpoints back, all you have done will be for small viewports, and from the first breakpoint on, you can start making adaptions to middle-sized viewports.

Many thanks Inger. I suspected that would be the case but wanted to ask the question just on the off chance there was a way to convert.

Thank you Phil. I only just saw this message now. I really appreciate the feedback.

Hi Bainn. No problem at all. I noticed on your church website that your content moves up with the page. I tried doing that briefly using a out of view transition method. But when you scroll back up it kind of overlaps awkwardly. With yours it moves once and once only. How did you do that?
Kind regards Phil

Great question. Here's what I did...



See: https://www.citychurchchristchurch.co.n … tofview.js