Container or column and alignment -...

Nov 25th, 2016 at 08:08 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,403 posts
Online Now

Inger wrote:
Wayan, I've been following this and also have watched your video. Good stuff!
I wonder about one thing: I'm usually starting from small screens going up. I have tried to achieve something similar to your video starting from 'the other end', but I'm not succeeding. Do you care to make a video for me (and others who may wonder), showing the steps for 'mobile first'?
Also, I can't manage to put two containers into the same column, that is, resizing the container without also resizing the column.



Inger
R u using RSD or RFF Or the other bootstrap thingy to go mobile first
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
Nov 25th, 2016 at 08:14 AM
User 566707 Photo

Max
Registered User
81 posts

Yep and with the setting changes to content as border for the background it did what I was looking for. Look:

http://www.runpower.nl/rommel/screen_5.jpg

Ehm... how can I get the borders of the paragraph with round corners now? I had that with the paragraph?

Thanks, I will struggle more and hope I can get back to you again :-)
Nov 25th, 2016 at 08:27 AM
User 122279 Photo

Inger
Senior Advisor
14,653 posts
Online Now

Wayan Jaya wrote:

Inger
R u using RSD or RFF Or the other bootstrap thingy to go mobile first


I'm actually using RBB, but I'm able to deal with the other two also. So you can use whichever of them you like. If I'm able to achieve this in one of them, I guess it will be more or less the same for the other two.

Oh, I found out how to get two containers in one column. ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Nov 25th, 2016 at 08:28 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,403 posts
Online Now

Max wrote:
Yep and with the setting changes to content as border for the background it did what I was looking for. Look:

http://www.runpower.nl/rommel/screen_5.jpg

Ehm... how can I get the borders of the paragraph with round corners now? I had that with the paragraph?

Thanks, I will struggle more and hope I can get back to you again :-)


Put the border round the container and then round the border off at the bottom (this does mean of course the border will go around the container also, (but then one sometimes has to accept some sort of compromise :D
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
Nov 25th, 2016 at 08:35 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,403 posts
Online Now

Inger wrote:
Wayan Jaya wrote:

Inger
R u using RSD or RFF Or the other bootstrap thingy to go mobile first


I'm actually using RBB, but I'm able to deal with the other two also. So you can use whichever of them you like. If I'm able to achieve this in one of them, I guess it will be more or less the same for the other two.

Oh, I found out how to get two containers in one column. ;)


I will have a go with the video tomorrow,, it's getting late here and been at it all day,,, I don't have RBB (actually don't use RSD anymore either I had to dig up my old computer and ressurect it to get to do RSD stuff :D I only use RFF to create my clients sites nowadays.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
Nov 25th, 2016 at 08:37 AM
User 566707 Photo

Max
Registered User
81 posts

Ok will try that and see how it looks. Thought that would be the only way indeed :-)

Why are you using RFF now instead?
Nov 25th, 2016 at 08:54 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,403 posts
Online Now

Max wrote:
Ok will try that and see how it looks. Thought that would be the only way indeed :-)

Why are you using RFF now instead?


I'm using RFF because in my opinion it is better, there are a lot more built in components and a ton of fancy stuff that one can do, and working mobile up is such a doddle I almost feel guilty charging clients for the work :D :D (ALMOST)

for example in RFF it would have been possible to put a border around the paragraph and rounded the corners as you wished (maybe soon to be in the up-dated version of RSD if they allow for nesting containers)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
Nov 25th, 2016 at 09:12 AM
User 122279 Photo

Inger
Senior Advisor
14,653 posts
Online Now

Max, I'm by far not the expert that Wayan is, but I followed his video and played a bit with the result. I was able to create borders with rounded corners around the paragraphs (around the images and headers too).
Just select a paragraph, go to the border section on the right panel and choose thickness, colour and appearence. Note especially the wee box with an x. The default setting is display: none, so you need to change that.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Nov 25th, 2016 at 10:57 AM
User 566707 Photo

Max
Registered User
81 posts

Hi Inger

I fiddled around with the container and now have rounded corners below. I will check the borders again but because of the padding around the container I did not see the borders of the paragraph!
Nov 25th, 2016 at 02:30 PM
User 566707 Photo

Max
Registered User
81 posts

@ wayan: I have one more question if I may, probably used a hundred times buy you already. I have 6 buttons as menu and would like to have that as menu button on the mobile phone screen with clickable menu.

so I simply add a menu button and add the menu as column in the 'active' or 'hover' version?

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.