How do I create a Component in RSD...

User 2826549 Photo


Registered User
7 posts

I have always struggled with RSD. In the past, I have designed webpages by coding them, which is very time consuming. I have tried to get used to RSD 1.5 in order to save time, but the one massive limitation was Nav Menus and Footers which needed to be added to every individual page (ie.,there wasn't away to create a nav header and have it appear on every page) RSD v2 apparently addresses this, but I can't seem to figure out how. As I understand it, you have to create a component, and then add that component to every page? Is this correct? If so, how do I create a component?

Please help this lost soul wandering aimlessly.

Thanks
User 2706435 Photo


Ambassador
444 posts

I have had limited use with RSD 2. But this is what I have been doing, and I have been successful in my tests. I am using a blank Foundation theme to start. My best description is that Components are reusable content. Symbols are also reusable content, but they are intended to be linked so that changes in one use of content is propagated throughout all other linked uses.

First create a page. Use an Address element from the Content section of the panel and place the Address into the starting column. There is a prefilled link, address, and phone number. Now just select that Address element in the column. In the same Content section of the panel where you dragged and dropped the Address element, clink on the "Symbols" box. With the Address element selected, click on "New Symbol" below the window. A new listing will be created. You can name the Symbol for your reference and see what pages is it on by clicking the center part of the line (not the "+" character). Now, create a new row. Select the column in the new row. Now, go back to the Symbols. Go to the "+" that is on the line for the Address Symbol and click it - it will be inserted into the column you selected (or whatever element you have selected. Any changes to one Address symbol, will be reflected in the other instance on this page (and anywhere else/other pages) for that use of the Symbol only.

If instead you added the address as a Component. What you created is a something you can insert, and re-use but you will need to edit the contents manually if the contents need to be different from when you first created the Component. If I created a sweet looking column, I can add that as a component. Then reuse it 2 more times and change the background colors manually to have different background colors. If I were to do that as a symbol, changing one background color will change them all to my new background color.
User 2826549 Photo


Registered User
7 posts

Thank you sir!!
User 55118 Photo


Registered User
12 posts

How do you save component for later usage? I couldn't find "save" or "add component TO library" button so that I can save it in a local folder with my own components. If I click on "export" icon it says that I need to login so I guess it would save my component somewhere online.
User 187934 Photo


Senior Advisor
20,271 posts

Hi Ivo,
In RSD
1: Select the content tab.
2: Select Components.
3: Select the element in the design screen that you want to make a component.
4: Select Create Component from Selection.
5: When the component appears in the COMPONENTS list edit its info and click on the oval with the up arrow in it.
6: In the menu that opens select where you want to save your component.
7: Select Done.

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 55118 Photo


Registered User
12 posts

Hi Eric and thank you for trying to help me.

I have done exactly like you said and this is what I got after clicking on the "oval with the up arrow in it" (and why I asked the question in the first place)

Please Login

In order to export a component you need to be logged in. Once you are, please
try again to export your component.


I do not want to log into anything. I just want to save self-created component to my hard drive so that I can (re)use it when I need it. Is that possible?
User 103173 Photo


VP of Software Development
0 posts

Ivo wrote:
Hi Eric and thank you for trying to help me.

I have done exactly like you said and this is what I got after clicking on the "oval with the up arrow in it" (and why I asked the question in the first place)

Please Login

In order to export a component you need to be logged in. Once you are, please
try again to export your component.


I do not want to log into anything. I just want to save self-created component to my hard drive so that I can (re)use it when I need it. Is that possible?

An S-Drive account is required for creating components if you want to use them between projects. If you don't want to create an account, just save the file as a project instead.

You can create your free account at www.coffeecup.com/sdrive
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 55118 Photo


Registered User
12 posts

Thanks Scott but I don't see how I could use saved project file as a component and I feel more comfortable working with files on my hard drive as sometimes I learn/work without internet connection.
Nevermind, I asked because I am a beginner and I was sure that I missed something because I assumed this is something of basic functionality. My bad. You know what they say about assumptions, right ?! :-)
BTW, I found another way to add my simple components into my library by creating .cccomp file from scratch. Just a little bit of extra work to get what I wanted.

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.