Page 1 of 1

Detailed view issues

Posted: 24 Nov 2011, 15:10
by straetch
Hello,
I recently installed Phoca Gallery on my Joomla 1.7 site. I really like your product!

I have following issues:
1.In the detailed view box there is a white bar above the image. Using Firefox/Firebug I see that the image is contained in a div with id="main", which reuses the Beez-20 template css (padding: 10px 0 20px;). Can I put some css code somewhere to override this padding?
2. When I start the slideshow I see the same padding on top of the image, but also one at the bottom of the box. As a matter of fact, in the slideshow the title text is absent, which moves the control button row up and reveals the padding.
3. In slideshow, there is white empty space where the image is smaller than the image frame. This is not the case for the static image, where that space takes the background color.
4. Is it possible to show control buttons to jump to the beginning/end of the images list? Is it possible to show a Pause button during a slideshow?
Thanks.

Using: Modal box, large image width: 800 px, large image height: 600 px, detail window width: 840 px; detail window height: 680 px.

Re: Detailed view issues

Posted: 30 Nov 2011, 14:32
by Jan
Hi,

1) 2) did you check it with other template?
3) yes, this is the feature of the slideshow javascript, in case there is no background, previous image will be displayed below next image
4) there is stop button, the pause is active on mouse over - for displaying pause button the code (javascript needs to be customized)

Jan

Re: Detailed view issues

Posted: 01 Dec 2011, 18:03
by straetch
Thank you for your response.
1) 2) yes, I checked with both Beez20 and Beez5 templates - same behaviour.
for the moment I use shadowbox (which self-dimensions) as a workaround instead of modal box.
3) I will experiment with same color backgrounds to mask the difference, it becomes only relevant though when 1) 2) is solved.
4) understood. buttons to jump forward/backward all the way to the end/beginning would be nice.
Chris

Re: Detailed view issues

Posted: 04 Dec 2011, 19:13
by Jan
Hi,

1) Beez20 and Beez5 is in fact the same template (same parts used), did you test it with other template - e.g. some Phoca? Can you paste a screenshot e.g. with Phoca T?

Re: Detailed view issues

Posted: 05 Dec 2011, 15:22
by straetch
Hello,

As you suggested, I installed Phoca-t.
The padding issue is gone.
With this experiment I found that Phoca-t makes my website looks better :D . For now I will have to stay with Beez-20 because of the many patches I made in the template and associated css :oops: . I think I will do the switch at some later time.

The experiment allowed me to compare both cases in detail using Firefox/Firebug
With Beez-20 I find the following code in the i-frame:
<body class="contentpane">
<div id = "all">
<div id= "main">
<div id = "phocagallery" class "pg-detail-view">

With Phoca-t the i-frame code becomes:
<body class="contentpane">
<div id = "phocagallery" class "pg-detail-view">

This explains the different behaviour: the padding that comes with "main" is not there.
Not being an expert in the matter, I wonder about the following: I suppose the "main" comes from the Beez-20 template, but the code of the i-frame is generated by Phoca Gallery.
Anyway it seems I will have to neutralise the styling of the "main" somehow.

Below is a reference to a sample screenshot with Beez-20 that shows the problem
Image (http://ge.tt/8r5lylA)

Re: Detailed view issues

Posted: 08 Dec 2011, 16:45
by Jan
Hmm, this seems like some problem with coloured backround - maybe then the detail window needs to be somehow customized so it will not take the CSS where the coloured background is defined. :idea:

Jan

Re: Detailed view issues

Posted: 09 Dec 2011, 16:23
by straetch
Hi Jan,
Thank you for your patience with this issue.
I am less worried with the color difference than with the loss of vertical screen space due to padding at the top and at the bottom.
With today's low height monitors, designed for video, it becomes difficult to show pictures of reasonable size without scrolling. So vertical space is precious.