Making S-drive Stream/blog responsive...

User 2273654 Photo


Registered User
646 posts

Are there any instructions for embedding disqus S-drive streaming on RSD pg?

User 187934 Photo


Senior Advisor
18,747 posts
Online Now

Hi Greg,
You should be able to paste the code directly into an html element. You'll have to alter all the css in Hard Core mode on the dashboard to make it responsive.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
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 2273654 Photo


Registered User
646 posts

I see how to go to the stream and open up the customize the blog and how to get into the hardcore mode. I do not know how to change the code to be responsive though.

User 271657 Photo


Administrator
3,816 posts

Greg, this has come up in the SDrive/Stream forum:
http://www.coffeecup.com/forums/s-drive … esponsive/
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2273654 Photo


Registered User
646 posts

Paintbrush, I do not know what the statement "change the font sizes to ems", means. I linked to the S-drive address for the blog and then went in to the hardcore and changed some of the pixel widths to percentages and messed with some pixel values and finally put them or some of them back to original values. It is opening stand alone and is somewhat functioning responsive, at least more than before any of the editing was done.
When you open it and look at the home pg of the blog it is fine, all is well. When you open one of the blog entries then it cuts off some of the entry on the rt side. I tried about 6 times to tweak width settings to get it to work correctly and no joy. Maybe has something to do with that ems font settings?...
On the home pg if you click on the big blue blog button it opens and then if you open a blog entry you can veiw the problem. If you go to another pg of the site: all other pgs of the site are the old VSD site, you can veiw the old blog UN-edited and static.
www.workhorsepainting.com


User 2273654 Photo


Registered User
646 posts

Looks like I need to study this and implement.

http://kyleschaeffer.com/development/cs … -vs-pt-vs/


User 271657 Photo


Administrator
3,816 posts

What I did to "responsify" my Stream...
If you use Firebug or something similar, go through your live blog to find the names of the sections you need to change.
If you're using RLM, create an area to contain your blog; left, right or centered and however wide you want it to be.
(I use a 12 col grid and put mine at a 9 col span to the left.)
Before you start, copy/save the original code – just in case! I also made another copy to work on in the HTML Editor so I could see it better.

I would work on this within your RSD site rather than the old VSD site, you'll need the Stream positioned in a flexible grid to see if everything's re-sizing as it should.
Get rid of pixel widths on the containers, replace with width: 100%; . Experiment width percentages for your fonts.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2273654 Photo


Registered User
646 posts

I have not removed replaced the old vsd blog page yet. I have published live the link to the stand alone blog pg which has been edited in the hardcore to get it to render responsive. I posted the old pg in case if you wanted to look at it out of curiosity. I'm sorry i ever mentioned it. I am not working with the old vsd pg trying to get it to work that way.
So, shall we say that it does not exist? If you click the blog link on the home pg responsive pg you get the free standing blog stream pg that has been edited for the pixel widths with the percentages added. Have not as of yet messed with fonts settings. I am asking and wondering if the fonts settings changes will solve the rendering problem when you click on one of the blog entries and then it goes off the pg to the rt on some of the wider sections. seems to be ok on the blog home pg and I am wondering if shrinking the fonts will solve the problem? I am needing to find out how exactly to spell out the font editing.
The blog seems to be responsive in its free standing state. Just need to get it tweaked some now so that it all fits on all of the pgs.


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.