Responsive version?

Phoca Gallery - image gallery extension
DniBo
Phoca Member
Phoca Member
Posts: 23
Joined: 09 Jul 2012, 22:00

Responsive version?

Post by DniBo »

Hi,

I have to change our website from Joomla 2.5 to Joomla 3.5

Before the new website version I will set up a Joomla 3.x test environment to check if all "new/needed" components are ready for a responsive design to use Bootstrap 3.

I have installed Phoca Gallery, a Phoca Slidemodule and MAP, also I plan to install Phoca Panorama (great component !), but I think the first components are not ready for responsive websites?

Do you know when the components are ready for responsive websites or is it not planed to develop a responsive update?

By the way, you have build great components !!!!!

Regards,
Daniel
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive version?

Post by Jan »

Hi, Phoca Gallery and Maps are ready for responsive design.

Phoca Gallery - uses float boxes to display images which means, float boxes fit only the space they can. if only one (on mobile) or 3 (on tablets) or e.g. 6 on notebooks - depends on settings.

Phoca Maps - is independent to responsive design - you can set the width in percentage so it can fill whole page.

Phoca Gallery bxSlider module is responsive slideshow module: https://www.phoca.cz/phoca-gallery-slide ... der-module

Jan
If you find Phoca extensions useful, please support the project
jtownsend251
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 16 Jan 2014, 17:44

Re: Responsive version?

Post by jtownsend251 »

Jan wrote:Hi, Phoca Gallery and Maps are ready for responsive design.

Phoca Gallery - uses float boxes to display images which means, float boxes fit only the space they can. if only one (on mobile) or 3 (on tablets) or e.g. 6 on notebooks - depends on settings.

Phoca Maps - is independent to responsive design - you can set the width in percentage so it can fill whole page.

Phoca Gallery bxSlider module is responsive slideshow module: https://www.phoca.cz/phoca-gallery-slide ... der-module

Jan
It doesn't appear to be responsive when using as a link or am i missing a setting?
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive version?

Post by Jan »

Hi, sorry, I don't understand?
If you find Phoca extensions useful, please support the project
jtownsend251
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 16 Jan 2014, 17:44

Re: Responsive version?

Post by jtownsend251 »

I am using phoca maps plugin and instead of embedding a map on an article I am using a link that map "pops up". When viewing on a desktop or _ _ it looks great but on a phone it expands over the width of the screen.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive version?

Post by Jan »

Hi, then check if popups are supported on your system, if such feature is not supported and you want to have support for your system (device) you will need to skip the popup and add the map directly to the article.

Jan
If you find Phoca extensions useful, please support the project
jtownsend251
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 16 Jan 2014, 17:44

Re: Responsive version?

Post by jtownsend251 »

Popups are supported on my device but i would have to "hard code" a height and weight for it look good on mobile but when viewing from a desktop it would be too small to view. if i could post a pic i would to show you what i mean.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive version?

Post by Jan »

Hi, you can post images here: forum-rules.php (5)
If you find Phoca extensions useful, please support the project
jtownsend251
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 16 Jan 2014, 17:44

Re: Responsive version?

Post by jtownsend251 »

here is what i see when viewing on mobile: Image
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49144
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Responsive version?

Post by Jan »

Hmm, I think, then you need to customize the popup - in this case modal box (modal box is a part of Joomla! javascript), somehow set dynamic width and height for the popup :idea: because for now it is set statically in the php.

So maybe the steps can be:

- detect the width of the browser
- detect the height of the browers

and in the modal box call function add some varible which will be (width - margin, height - margin)

Jan
If you find Phoca extensions useful, please support the project
Post Reply