Share your tricks or tips for Responsive Site Designer with others!

This thread is for tricks and tips only - please no problem questions. Have a problem or question or want to chit chat about this program then Start a new thread please.

Use Multiple CSS Classes on a Single Element

https://www.youtube.com/watch?v=6_UXgh4IPVY

Responsive Site Designer allows you to define each element with up to 4 classes to provide additional information about each element or give it different styles.
And you don’t have to limit yourself with elements to just one class. If you need to set multiple classes on an element, you add them simply by separating them with a space in your attribute.

I will do it again soon once I got little time and till then have look at this video here
https://www.youtube.com/watch?v=Dp19DeTIakU

Since RLM and RSD very similar , then I will tell you how to make it sticky.

Note:
Please read above Scott Note and keep here clean for Tips and Tricks ONLY

once you read this message please advice admin here to delete these extra topics

Creating Fixed / Sticky Navigation Bar With Responsive Site Designer

https://www.youtube.com/watch?v=9J-tJF22rbM



Thank you

Adding Links to Navigation Menu

https://www.youtube.com/watch?v=R-MSBpoCPCc

I was very slow to realise that, on the 'Select Export Folder' box I needed to navigate to the correct folder only once. On subsequent exports I could get to the right folder without navigating to it.

What I now do is as follows -
1. When first using the 'Select Export Folder':
a. I navigate to the correct folder.
b. Before clicking on the 'Select Folder' button I click towards the right-hand end of the address bar at the top to select the address, and press Ctrl-c to copy it.
2. On subsequent exports to the same folder, I simply press Ctrl-v as soon as the 'Select Export Folder' box opens, and click the 'Select Folder' button.

Frank

See you screen width in your browser preview and online.
Place this piece of code into a html element and place it in a row by itself to see what the screen width is to diagnose layout problems.

Fixed Position Animated Nav Bar

This will allow you to have a fixed position animated top nav bar in RSD.
Example here as well as the .rsd file: http://decalsandtees.com/misc/rsd/index.html

How to place a button in the center of column

https://www.youtube.com/watch?v=MDn1n0K5YpI

Create a simple mobil navigation inside the RSD with a few lines of extra code.

https://youtu.be/JAbmXtMWPys

Link to the tutorial page http://www.realdesign4you.com/tutorials/mobil-navigation

IMPORTANT This is only for a flat navigation structure.

Link to an example template: http://realdesign4you.com/tutorials/susan-swan