- Posts: 21
COMMUNITY FORUM
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?
- django29
-
- Offline
- Junior Member
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.
- Diana Myers
-
- Offline
- New Member
- Posts: 5
Please Log in or Create an account to join the conversation.
- pattac
-
- Offline
- New Member
- Posts: 1
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.
- LukeDouglas
-
- Offline
- Junior Member
- Posts: 32
Can you post a URL for your website so we can view it?
Please Log in or Create an account to join the conversation.
- Michael Becker
-
- Offline
- New Member
- Posts: 2
Would be a good idea, if one of the mods/admins respond.....
Please Log in or Create an account to join the conversation.
- Anton Kost
-
- Offline
- New Member
- Posts: 4
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.
- LukeDouglas
-
- Offline
- Junior Member
- Posts: 32
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.
- Lisa Keyser
-
- Offline
- New Member
- Posts: 2
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.
- lmbhssp
-
- Offline
- New Member
- Posts: 1
I think this is a must have functionality these days...
Please Log in or Create an account to join the conversation.
- Michael Becker
-
- Offline
- New Member
- Posts: 2
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.
- Joseph
-
- Offline
- New Member
- Posts: 8
has there been an update on this ? Already purchased FPSS a few times now and still waiting on responsive design.
Please Log in or Create an account to join the conversation.
- Kenneth Fair
-
- Offline
- New Member
- Posts: 5
Yes, as of March 11, 2014 there is NOT a responsive Frontpage Slideshow that is available. Which of course as you all know is not good for us. I also am a new user to purchase such a great program but cannot use the product.
Maybe next year it will be responsive. My next purchase will be in 2015. Lets give them 1 more year to get this done.
We all know it is not an easy task and they need the time to figure out how to make this happen.
Please Log in or Create an account to join the conversation.
- Meagan Hooper
-
- Offline
- New Member
- Posts: 3
Please Log in or Create an account to join the conversation.
- JoomlaWorks
-
- Offline
- Admin
- Posts: 6227
And it was listed in the JED ages ago (like back in 2007) - we deliberately don't list our commercial extensions in the JED because reviews are not accurate. Just check what people post for our free extensions. Most our everything BUT reviews.
As for v4.x, the update got postponed because a) we put more weight on K2 and b) we essentially redesigned all frontend slideshow layouts. Realistically speaking, we'll see v4.x being released around May.
Quality software doesn't get built in a week or two.
Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Meagan Hooper
-
- Offline
- New Member
- Posts: 3
As for quality software not getting built in a week or two, I agree. But it also doesn't take 1 1/2 years. Since this post www.joomlaworks.net/forum/frontpage-slideshow-for-joomla/12675-responsive-design?start=10#49069 said you were working on it back then. No one from your organization has commented on this thread since that time, so there was no reason to believe that the product would ever be made responsive.
Fotis wrote: It's certainly not dead. It's actually a top seller for us along with SIGPro.
And it was listed in the JED ages ago (like back in 2007) - we deliberately don't list our commercial extensions in the JED because reviews are not accurate. Just check what people post for our free extensions. Most our everything BUT reviews.
As for v4.x, the update got postponed because a) we put more weight on K2 and b) we essentially redesigned all frontend slideshow layouts. Realistically speaking, we'll see v4.x being released around May.
Quality software doesn't get built in a week or two.
Please Log in or Create an account to join the conversation.
- Mohd Hazmi Kasmin
-
- Offline
- New Member
- Posts: 1
Any news on this issue...
all the items on our new site are responsive except for fpss.. :(
Please Log in or Create an account to join the conversation.
- Amgeek
-
- Offline
- New Member
- Posts: 5
Thanks
Amgeek
Please Log in or Create an account to join the conversation.
- Ioannis Toutoulis
-
- Offline
- New Member
- Posts: 8
PS: I really want to see a template with tiles.
Please Log in or Create an account to join the conversation.
- Elliot Dean
-
- Offline
- New Member
fpss-container {
max-width: 1000px;
width: 100%; }
.fpss-container .slides img {
max-width: 100%;
height: auto; }
But does this actually work? And if so, what file does it need to go into? If anyone has a way to manually code it to make it responsive i would love to hear. I have a number of clients using FPSS but will look for a different component if there's no way to make it responsive.
Please Log in or Create an account to join the conversation.
- Meagan Hooper
-
- Offline
- New Member
- Posts: 3
Elliot Dean wrote: So we've established that there is still no responsive design built in to FPSS. But is there a way to tinker with code somewhere to make it responsive? I read an earlier post saying this:
fpss-container {
max-width: 1000px;
width: 100%; }
.fpss-container .slides img {
max-width: 100%;
height: auto; }
But does this actually work? And if so, what file does it need to go into? If anyone has a way to manually code it to make it responsive i would love to hear. I have a number of clients using FPSS but will look for a different component if there's no way to make it responsive.
Please Log in or Create an account to join the conversation.