Gallery field - Galleria.io no more responsive ?

I just load classic theme. I think that it is not responsive. You need some other theme with is responsive.

Sergey,

see the classic theme here in action.

It is responsive,

I see. that is because I use fixed size for gallery DIV. I had fixed it.

I'm using galleria io and I noticed something. If I look at official demo here it's responsiveness is working fine. It's containers, images are adjusting fine.

But when I use galleria template for gallery field height stays the same and because of this there is black space at the top and bottom of image. Image alone is adjusting OK.

Dose anybody else experienced this?

klox7 Dose anybody else experienced this?

Yes, same here. Confirmed.

Check CSS and see what property holds the height.

I think this is style in full-galleria.io.php.

<style>
    #galleria<?php echo $key?> {
        width: 100%;
        height: <?php echo $this->params->get('params.full_height', 100) + 60;  ?>px;
        background: #000
    }
</style>

On developers demo site it's like this

width: auto; margin: 0 auto; height: auto;

but if I use this then nothing shows. It's like height is 0.

Just had a quick look and compared the original online demo with my own setup. "klox7" is on the right track... this style seems to get a fixed height. And this is not updated dynamically... like it does on the original demo.

I wonder where params.full_height comes from? Is it the "Full View Image" field parameter?

Obviously, the script needs an initial height parameter in px. This is the reason for the inline CSS style. The docs state to place it in the head section... but that doesn't really matter here.

The original demo has an additional DIV inside the actual #gallery DIV. But removing it does not have any effect on the demo page. Also it seems impossible to get this extra DIV into the Cobalt output template... in my tests, it has been removed in the final output!? Strange. Can't solve it.

klox7 but if I use this then nothing shows. It's like height is 0.

Exactly what I have seen. Either manual changes are temporary and disappear on browser resize. Or the gallery collapses to ZERO height.

pepperstreet I wonder where params.full_height comes from? Is it a field parameter?

I think it is.

I think I found solution. Here is link to documentation Click here to link... and check for height option.

In

components\com_cobalt\fields\gallery\tmpl\output\full-galleria.io.php

you have to change line 24 under <style>

height: <?php echo $this->params->get('params.full_height', 100) + 60; ?>px;

to

height: auto

and then add configuration options to (line 45)

Galleria.loadTheme('<?php echo JUri::root(TRUE); ?>/components/com_cobalt/fields/gallery/galleria/themes/classic/galleria.classic.min.js');
Galleria.run('#galleria<?php echo $key?>');

so it will be like this

Galleria.loadTheme('<?php echo JUri::root(TRUE); ?>/components/com_cobalt/fields/gallery/galleria/themes/classic/galleria.classic.min.js');
Galleria.configure({
    height: 0.5
});
Galleria.run('#galleria<?php echo $key?>');

This is good. I think it will be nicely integrated to Cobalt 9 where every field template may have its own parameters. So it will be parameter for galleria.io template.