slideshow thumbnail hiden

[MILORD65]

Hello,

I have a small problem for visualizations slideshow: images of the thumbnails are truncated in the photos (see attached image).
How to view full picture thumbnails?
Thank you for your help

 

[felixkat]

Not sure if this will help as I would really need to see your site.

The following is my custom CSS for my slideshow demo.

.slideshow-thumbnails {
    bottom: -55px;
    height: 200px !important;
    left: 0;
    position: inherit;
    width: 100%;
}

Your slideshow slideshow parameters and template would be different from mine though so I cannot predict if it would work for you.

 

[MILORD65]

thank you very much felixkat.
Adapting your custom css, I get the desired result.
Fabrik is really a great and adaptable component and help on the forum is really appreciated!
thank you again.

 

[andrei]

Not sure if this will help as I would really need to see your site.

The following is my custom CSS for my slideshow demo.

.slideshow-thumbnails {
    bottom: -55px;
    height: 200px !important;
    left: 0;
    position: inherit;
    width: 100%;
}

Your slideshow slideshow parameters and template would be different from mine though so I cannot predict if it would work for you.

what is the fullpathname of the file that needs the code inserted ?

Thank you

 

[felixkat]

Just add it to you custom.css file or custom_css.php.

/components/com_fabrik/views/form/tmpl/{yourtemplate}

 

[andrei]

it doesn't call the custom_css.php

this is my website http://radubogdan.org/
is Fabrik 3.0.6.3, Joomla 2.5.7

My research was for custom_css.php, my guess was the file should be in the view-source of the webpage.

I've copied a custom_css.php under the following folders:
\components\com_fabrik\views\form\tmpl\admin
\components\com_fabrik\views\form\tmpl\bluesky
\components\com_fabrik\views\form\tmpl\contacts_custom
\components\com_fabrik\views\form\tmpl\default
\components\com_fabrik\views\form\tmpl\default_rounded
\components\com_fabrik\views\form\tmpl\default_rtl
\components\com_fabrik\views\form\tmpl\f3
\components\com_fabrik\views\form\tmpl\iwebkit
\components\com_fabrik\views\form\tmpl\labels-above
\components\com_fabrik\views\form\tmpl\mint
\components\com_fabrik\views\form\tmpl\no-labels
\components\com_fabrik\views\form\tmpl\tabs
\components\com_fabrik\views\form\tmpl\tabs_table
and special folders:
\components\com_fabrik\views\visualization
\components\com_fabrik\libs\slideshow2
\components\com_fabrik\libs\slideshow2\css
and I created folders just to find a way around and copied the custom_css.php inside:
\components\com_fabrik\views\visualization\tmpl\bluesky
\components\com_fabrik\views\visualization\tmpl\default
all failed.

The only css I can use to modify the slideshow is:
/components/com_fabrik/libs/slideshow2/css/slideshow.css
and is ok for now ... but it might get overwrited on next Github update :'(

 

[sales2010]

Copy default template in the folder indicated by felixkat, rename it then create a custom_css.php file and paste the css code. Then in your form go to layout tab and select this new template.

 

[andrei]

i don't think it applies in this situation, I am calling visualization from menu
http://www.fundatiaradubogdan.org/index.php/slideshow
i need another way for this situation, please

 

[felixkat]

It should work in your templates css file. Templates.css


Sent from my HTC Desire HD using Tapatalk 2

 

[andrei]

extra captions needed

ok, i can customize the slideshow using slideshow.css ...
now i think it comes to displaying more fields on the picture, like Title, Author, Category, Owner ... etc ... that's what I need, and I am wondering how will I get them out of the database and make them sync with selected picture...

Where should I post that ?

 

[rob]

the slide show element only allows for selecting a caption element.
If you want to show multiple fields then the only way would be to create a caculation element to store the other element's fields and select that as the slideshow's 'caption' element.

 

[andrei]

anchor lost on caption

the slide show element only allows for selecting a caption element.
If you want to show multiple fields then the only way would be to create a caculation element to store the other element's fields and select that as the slideshow's 'caption' element.

Thanks ;D, that is exactly what I am trying right now, the next is building a some divs for every field ... I had some uncertanties with the Delimiter, so in future I should put a validation against that character...

So, I'm doing some java scripting now ...

But, I see that the caption is not linkable anymore , do you have any ideea why it has lost the link to details ?
you can see the page from over here: http://www.radubogdan.org/

Thank you for your fast response before

 

[andrei]

calculation element

how do i create a calculation element ?

i didn't seem to figure that out so i only did some sql's to update the field ... i had to create an element that maded the field varchar(10000) ...
well i think i can make it smaller...

So, it would be better with a calculation element, than me entering the database each time an update is needed...

Thanks

 

[andrei]

picture detail section done

javascript was was hard, but finally I have accomplished what I was looking for. And most rewardfull, the slideshow works ok in major browsers: FF, Chrome and IE8, and Opera...

So, i 've used a calculated field, separated with "|", for which I will surelly put a validation condition against it for every text element in the form. the calculations have been made by sql queries in phpmyadmin... I didn't find another way to make the calculations... Maybe someone will help me with that...

I've used browser detector filters to parse data and to put into divs, this code I have found inside Slideshow.js.

The slideshow was customized within slideshow.css file, in libs folder.

 

[andrei]

slimbox out of Slideshow

Is it possible to make a slimbox pop-up gallery like in list view where I have thumbnails and they open up the large pictures ?

What php files build the code for the slideshow ?...
Is it made only from javascript ?

Thank you