Responsive Layout Maker Questions -...

User 2693187 Photo


Registered User
167 posts

Hi guys,
Very new to the program just starting the dabble now.

Before I start plunging straight in.

I've read some tuts and watched some Youtube videos. However nothing I've read has explained if once I build my main page - can i build additional pages through the editor ? I can see next buttons on the right hand side of the editor. I don't want to have to start a new project for each page and also thing this will conflict with the CSS etc. Have i missed something? Sorry if a stupid question.

I'm very much a graphic designer at heart and use to building my sites with AP Divs and layering my divs. - so I can overly a text box with a background image. Is there some way I can do this with CSS? or give a DIV a background image?

Anyone point me in the right direction?

I've also seen a youtube video where people have been using WOW sliders in there layouts. Do the Wow sliders become responsive?
User 2484360 Photo


Registered User
3,293 posts

Hey Adam,

Welcome to the forums! :)

I've read some tuts and watched some Youtube videos. However nothing I've read has explained if once I build my main page - can i build additional pages through the editor ? I can see next buttons on the right hand side of the editor. I don't want to have to start a new project for each page and also thing this will conflict with the CSS etc. Have i missed something? Sorry if a stupid question.


Yes, you can build the layout of your entire site in RLM and then export it to finish it up! :)

I'm very much a graphic designer at heart and use to building my sites with AP Divs and layering my divs. - so I can overly a text box with a background image. Is there some way I can do this with CSS? or give a DIV a background image?


This would need to be done once your project has been exported. You would need to apply the background in a custom.css file which you find out how to do that here http://www.w3schools.com/css/css_background.asp

I've also seen a youtube video where people have been using WOW sliders in there layouts. Do the Wow sliders become responsive?


WOW Slider is a responsive slider. Which means it does not become responsive just because you place it in a responsive website or element. The slider itself must be written to be responsive.

I would also recommend you look over our Quick Start Guide as it is very helpful when getting started with Responsive Layout Maker as it will explain many different parts of the program.
User 2693187 Photo


Registered User
167 posts

Thanks Adam, really appreciated. I'll go through the Quick Start guide and also look up the background tut!

User 2484360 Photo


Registered User
3,293 posts

My pleasure. :)
User 10077 Photo


Senior Advisor
1,096 posts

I'm very much a graphic designer at heart and use to building my sites with AP Divs and layering my divs. - so I can overly a text box with a background image. Is there some way I can do this with CSS? or give a DIV a background image?

Don't think of RLM as your "design" program. Think of it more as a "wireframe" and "behavior" program. With it you can create the layout into which you will put your design pieces. A div background image is a good example. RLM will allow you to assign a color to the background, but not an image. However, both are design elements. In RLM, you can give the div a custom class and assign the image background to the class after you export.

Be encouraged to get to know the program. The more you learn to use it, the more you will find it saving you loads of time creating responsive web sites.

...and also thing this will conflict with the CSS etc...

CSS use is one of the cool things that RLM does. You can assign settings for each type (h1, h2, p, etc.) and/or name your own custom classes and ids and assign settings to them. This way, you can make it work with your own css settings rather than clash with them.

I've also seen a youtube video where people have been using WOW sliders in there layouts. Do the Wow sliders become responsive?

I've found that if you use png files with Wow Slider, they scale very nicely on a responsive page. See the homepage of http://fundraisewithkevin.com/ as an example. I used RLM to create the responsive div and then put the Wow Slider in after exporting from RLM.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 2693187 Photo


Registered User
167 posts

Thanks for that Brian. With the WOW slider, what element do I put as the place holder - is it just 'container' Or it really don't matter as it will be replaced either way.

-A.
User 103173 Photo


VP of Software Development
0 posts

adam wrote:
Thanks for that Brian. With the WOW slider, what element do I put as the place holder - is it just 'container' Or it really don't matter as it will be replaced either way.

-A.

You can really use anything. I find an image or button works quite nicely.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2693187 Photo


Registered User
167 posts

Also in regards to say a text field being able to scroll so you only want the text to show a portion of it and scroll to the rest. Is this do-able within the maker or is this something I have to do within CSS?

Cheers,
-A.
User 2693187 Photo


Registered User
167 posts

Another one - this may confuse you.

With adding an additional custom.css (to add my additional styles) - do I add this to the layout maker or say when I bring it into say dreamweaverThe add the additional sheet to edit - as I've been told if I ever have to make alterations to the frame work in RLM it's better to do this as it will only over-ride the main.css.


Thanks Scott! Sorry for all the questions - bit of a learning curve for me!
-A.
User 2484360 Photo


Registered User
3,293 posts

Also in regards to say a text field being able to scroll so you only want the text to show a portion of it and scroll to the rest. Is this do-able within the maker or is this something I have to do within CSS?


This would be done in the CSS by setting the overflow of the element once exported.

With adding an additional custom.css (to add my additional styles) - do I add this to the layout maker or say when I bring it into say dreamweaverThe add the additional sheet to edit - as I've been told if I ever have to make alterations to the frame work in RLM it's better to do this as it will only over-ride the main.css.


You can add the link to the custom.css file to the pages, by going to Layouts > Manage Projects and adding the CSS link to the Head of each page. This will insure the link is in each page, once you export your project.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.