I have a background image, and it slides in up to 30px from the top and left. It will not save 0 as a setting in the FractionSlider views fields option. So there is always a black bar on the top and left in the slider box.

Comments

Anonymous’s picture

I found that if I set it to "00" instead of "0", it will respect it. Ideally that shouldn't be necessary though. I've also discovered that it seems to be stuck at a max of 900px wide, even though the description says it is "fully responsive". This is resulting in a black bar remaining because my container is apparently about 920px wide (fluid width theme). Can this be made to fluidly adjust to the container width? It seems you are using javascript to set the width, otherwise I'd just fix it in CSS.

patryk padus’s picture

Some functions are not avaible at this moment. I work to update this script. Pleas be patient.
JS plugin have some possibility that it's not currently used by Drupal module.

Anonymous’s picture

I fixed it. :-) I'll describe what I did for anyone else who might want to make this slider fully responsive.

I copied fractionslider.js from the module's /js folder into my theme folder and added the script to my theme's .info file (add "scripts[] = fractionslider.js"). Then I changed the setting item "increase" from "false" to "true" in the new fractionslider.js file. I found out that this setting is designed to let the slider dimensions increase beyond the size parameters set (900, 400) if it needs to. Then I cleared the cache in admin (admin/config/performance). Now it resizes to the container box with no problem, it is fully responsive. :-)

Anonymous’s picture

Title: Top and left margins set to less than 30 are reset to 30 » Top and left margins set to less than 30 are reset to 30. *Update*: Added instructions on how to make this module fully responsive
monymirza’s picture

Status: Active » Closed (fixed)
maxplus’s picture

Hi,
I have set the general option in the views UI to "increase > true" and added in my case one line css to make my elements responsive:

.fraction-slider .slide-in {
width: 25%;
}