Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Responsive design?

More
10 years 10 months ago #49079 by django29
Replied by django29 on topic Re: Responsive design?
Hello

2 months later, is there any news about this responsive version of Frontpage Slideshow, that I'm waiting for too ?

Please Log in or Create an account to join the conversation.

More
10 years 9 months ago #49080 by Diana Myers
Replied by Diana Myers on topic Re: Responsive design?
Still waiting for responsive version. Can you please update us on the status?

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #49081 by pattac
Replied by pattac on topic Re: Responsive design?
I did it !
For my use, it's working pretty well. But each of you have certainly specific needs and settings...
So to help a bit more, here are the slideshow module settings :

Module class suffix : -
Feature slide : show
Template : Movies
Slideshow viewport width : 860
Slideshow viewport height : 400
Sidebar width : 240
jQuery library handling : Do not load the jQuery library
Transition effect : crossfade
Delay time : 6000
Transition time : 1000
Autostart slideshow : yes
Texteffect : Enable
Text transition... : 300
Timer progress bar : no

Thumbnail viewport width : 65
Thumbnail viewport height : 40
Website visitors can switch slides manually on... mouse click
Navigation lavalamp effect : Disabled
Hide navigation bar completely? No

Title : show
Text : show
Tagline : hide
Author : hide
Read more link : show
Read more target : same window
Category : hide
Fetch data from 3rd party... : no
Slide order : use component ordering
Slide limit : -
Word limit for slide text : 20
Disable slide links : no


Next step - the CSS - it's all about text, spaces and some background changes (part of it) :

.fpss-template-movies .slidetext {padding:30px 15px 15px 15px!important; height:355px!important}
.fpss-template-movies .slidetext h1, .fpss-template-movies .slidetext h1 a:hover {color:#009ddc!important}
.fpss-template-movies .slidetext h1, .fpss-template-movies .slidetext h1 a {font-size:40px!important}
#fpssContainer113.fpss-template-movies .slides-wrapper {background:none!important}
.fpss-template-movies .slidetext {background:none!important; background-color: rgba(0,0,0,0.80)!important}
#fpssContainer113.fpss-template-movies .navigation-wrapper {background:none!important; background-color: rgba(0,0,0,0.70)!important}


And finally, the responsive CSS :

@media (max-width: 979px) {
.fpss-template-movies {width:100%!important; height:auto!important}
.slides-wrapper {width:100%!important}
.fpss-template-movies .navigation-wrapper {float:none!important; height:auto!important; width:100%!important}
.navigation-wrapper .navigation li {float:left!important}
.fpss-template-movies .slidetext {padding: 20px 10px 10px 10px!important; height:auto!important; left:10px!important}
.fpss-template-movies .slidetext p {margin-bottom:40px!important}
}

@media (max-width: 767px) {
.fpss-template-movies .slidetext h1, .fpss-template-movies .slidetext h1 a {font-size: 25px!important}
.fpss-template-movies .slide, .fpss-template-movies .slide img {height:300px!important; width:641px!important}
.slides-wrapper {height:300px!important}
}

@media (max-width: 480px) {
.fpss-template-movies .slidetext {width:60%!important}
.fpss-template-movies .slide, .fpss-template-movies .slide img {height:225px!important; width:480px!important}
.slides-wrapper {height:225px!important}
.navigation-wrapper .navigation li {float:none!important; width:100%!important}
.fpss-template-movies .slidetext h1 {padding:0!important}
}

@media (max-width: 380px) {
.fpss-template-movies .slidetext {left:0!important; width:80%!important}
.fpss-template-movies .slide {overflow:visible!important}
.fpss-template-movies .slide, .fpss-template-movies .slide img {height:159px!important; width:340px!important}
}

@media (max-width: 320px) {
.fpss-template-movies .slidetext {left:0!important; width:80%!important}
.fpss-template-movies .slide {height:145px!important; width:310px!important}
.fpss-template-movies .slide img {display:none!important}
}

Hope it helps...

Please Log in or Create an account to join the conversation.

More
10 years 8 months ago #49082 by LukeDouglas
Replied by LukeDouglas on topic Re: Responsive design?
pattac,

Can you post a URL for your website so we can view it?

Please Log in or Create an account to join the conversation.

More
10 years 6 months ago #49083 by Michael Becker
Replied by Michael Becker on topic Re: Responsive design?
I'm a little bit upset here.... such a long time and such an important topic: i mean, responsive design is all around... and one of the best known slider modules for Joomla isn't be responsive..?

Would be a good idea, if one of the mods/admins respond.....

Please Log in or Create an account to join the conversation.

More
10 years 5 months ago #49084 by Anton Kost
Replied by Anton Kost on topic Re: Responsive design?
Yeah,
i bought Fronpage Slideshow a few days ago but did not expected that it is not responsive. This is very poor i must say.
When you are going to make it responsive?

Please Log in or Create an account to join the conversation.

More
10 years 5 months ago #49085 by LukeDouglas
Replied by LukeDouglas on topic Re: Responsive design?
Guys,

Quit beating a dead horse.  It's been well over a year since they said they would release a FPS responsive designed component.  It hasn't happened.  That tells you two things.  They have bigger fish to fry and don't really care about updating the FPS component and they don't really know how to do it.  If they did, they would have updated it already.  At least, that is my opinion from their inaction.

Luke

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #49086 by Lisa Keyser
Replied by Lisa Keyser on topic Re: Responsive design?
This is really dissappointing. I'm converting a few sites to responsive design, and I would love to continue using FPSS. However, thanks to how the images are brought into the slides, I'm having a ton of trouble getting those to adjust properly. Now I'm going to have to try and find a different slideshow that has all of the same features. I most likely will not renew after this, not having a responsive version available is bad business.

I was also unable to find this in the JED - has it been removed?

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #49087 by lmbhssp
Replied by lmbhssp on topic Re: Responsive design?
+1
I think this is a must have functionality these days...

Please Log in or Create an account to join the conversation.

More
10 years 3 months ago #49088 by Michael Becker
Replied by Michael Becker on topic Re: Responsive design?

Guys,

Quit beating a dead horse.  It's been well over a year since they said they would release a FPS responsive designed component.  It hasn't happened.  That tells you two things.  They have bigger fish to fry and don't really care about updating the FPS component and they don't really know how to do it.  If they did, they would have updated it already.  At least, that is my opinion from their inaction.

Luke


right.

new update for FrontPage Slideshow but still no responsive mode...that's it. I cancel my subscription and go for another slideshow plugin....

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum