In RSD I can do a div 100% full screen width and height.
I would also like to apply at RCS 100% full screen width and height. Is this possible

Hi Ger,
Have you given it a try. I think there were some other users trying it and they placed the RCS inside a row on RSD.
Obviously the proper width setting will be need.

have you checked out the template in RCS "Art Explosion" maybe thats what you are after, have a look and see what the settings are

Thanks Eric and Wayanjaya

It is not about the in width, that's easy.
The problem is that I want full screen height, and that it adjusts automatically.

In RSD you have the opportunity: 100 Height%
This I do not back into RCS.

My question is, here is an opportunity for

Hopefully RSD and RLM will support vh and vw soon. I guess an override style sheet will be needed.

I suppose one other problem would be the image size to take into account, you would probably have to have a lot of different size images to allow for the different heights, or you would have to do an awful lot of positioning to ensure the best view of the image at different sizes is achieved.

I think what is holding CC back from implementing vh and vw and all those, is the lack of browser support. IE and Edge are not quite up to it yet.

Hi Ger, I was looking for a similar solution, not sure if it's what you want but I managed to make a 100% height and width RCS buy putting the HTML inside a 100% height row and column in RSD, then applying 100% height to every child element in the slideshow using an override css file.

Example here:

http://www.ptnsystems.com/yourwebsite/

Not sure how long this will be live though as I use this site for development purposes so here's some longhand css which may help explain:

body > .row.ROW-CLF.SLIDESHOW
{height: 100%;}

.html-element.slideshow-header
{height: 100%;}

.slideshow_container .slides_container
{height: 100%;}

.slideshow_container#slideshow-homepage .slideshow.slideshow-1
{height: 100%;}

.slideshow_container.slideshow-container-1#slideshow-homepage
{height: 100%;}

.slideshow_container#slideshow-homepage > .slideshow .slider-container.container-clf
{height: 100%;}

.slideshow_container#slideshow-homepage .slides_container > .slide.slide-1, .slideshow_container#slideshow-homepage .slides_container > .slide.slide-2, .slideshow_container#slideshow-homepage .slides_container > .slide.slide-3
{height: 100%;}

Update to my previous post, if you have no child elements that need explicit height you can use something like this as well:

body > .row > [class*='coffee-span-'].col-slideshow * {
height:100%;
max-height:600px;
}