Some help how I can developed this...

Feb 20th, 2018 at 08:14 PM
User 2699991 Photo

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

STEFKE wrote:
Inger,
I have need more then 5 containers. I have need 15 containers. Is there an solution for using 5 containers in the first column.
Here is my solution created with the RFF designer with the foundation framework.

1 have one row. 1 colum in the left with 4 spans en 1 colum in the right with 8 spans.
The first colum have I two outer containers. In the outer containers contain more then 5 inner containers.

How can I developed this layout with 5 containers

Kind regards
Stephane


You only need 4 containers in each column, then insert the paragraphs headers icon-links into eacy container.
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://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 21st, 2018 at 03:28 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Hi Wayan, Inger

I don't understand how I can developed the contents into the containers. I try flexbox but it does not the correct result. Can you please give me an example of one container within the container.
I want see an example of the container with the content : "Contact" and the "Skills"
Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
Feb 21st, 2018 at 07:01 AM
User 2699991 Photo

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

STEFKE wrote:
Hi Wayan, Inger

I don't understand how I can developed the contents into the containers. I try flexbox but it does not the correct result. Can you please give me an example of one container within the container.
I want see an example of the container with the content : "Contact" and the "Skills"
Kind regards
Stephane


There is a video on the way to youtube,, will post link here when it's up
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://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 21st, 2018 at 08:03 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Where is the link?
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
Feb 21st, 2018 at 08:37 AM
User 2699991 Photo

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

STEFKE wrote:
Where is the link?


B Hell Patience is a virtue
I have other things to do
https://youtu.be/vpYCRb2AkIk
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://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 21st, 2018 at 09:04 AM
User 131545 Photo

STEFKE
Registered User
687 posts

Wayan,

Thanks mate.
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
Feb 21st, 2018 at 06:23 PM
User 131545 Photo

STEFKE
Registered User
687 posts

Wayan, Inger

I have developed the project like in the video. There is an problem with responsive view, beacuse I don't see the correct result on my smartphone.

How can I create the progresbars in the title "Skills"?

How can I placed the inner container into the outer container. It see in the project explorer not the correct one.
Can you look on my new developed example what is wrong here.



Attachments:
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
Feb 21st, 2018 at 07:30 PM
User 122279 Photo

Inger
Senior Advisor
14,649 posts
Online Now

Too late here for checking code. I'm off to bed.

You find the html and css for progress bars here: https://www.w3schools.com/w3css/w3css_progressbar.asp
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Feb 21st, 2018 at 08:00 PM
User 2699991 Photo

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

STEFKE wrote:
Wayan, Inger

I have developed the project like in the video. There is an problem with responsive view, beacuse I don't see the correct result on my smartphone.

How can I create the progresbars in the title "Skills"?

How can I placed the inner container into the outer container. It see in the project explorer not the correct one.
Can you look on my new developed example what is wrong here.

you have not followed the video

the second column with the work experience etc is set to 2 columns spans at the left of the lowest breakpoint,,, in the video it is set to 8 column spans & pull 2 spans




you have not followed the video

the second column with the work experience etc is set to 2 columns spans to the left of the lowest blue breakpoint,,, in the video it is set to 8 column spans & pull 2 spans
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://mawarputih.coffeecup.com/forms/contact-wayan/
Feb 21st, 2018 at 08:38 PM
User 2699991 Photo

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

STEFKE wrote:
Wayan, Inger

I have developed the project like in the video. There is an problem with responsive view, beacuse I don't see the correct result on my smartphone.

How can I create the progresbars in the title "Skills"?

How can I placed the inner container into the outer container. It see in the project explorer not the correct one.
Can you look on my new developed example what is wrong here.





You can always make your own progress bar using 2 containers with different widths & background colours
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://mawarputih.coffeecup.com/forms/contact-wayan/

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.