OlivierCC / spfx-40-fantastics

This package is a sample kit of Client Side Web Parts built on the SharePoint Framework SPFx. You can find here different kind of high visual web parts as carousel, images galleries, animations, map, editors, etc.
MIT License
408 stars 279 forks source link

News Carousel Setting Fixed Width #54

Open brendon111 opened 6 years ago

brendon111 commented 6 years ago

Thank you for creating these awesome web parts. They are really a great asset!

I'm trying to get the News Carousel to display at 100% width, but it seems to keep getting a fixed width applied. Do you know if there is a way to override the width? I tried looking for a place to do it with CSS, but it doesn't seem that easy.

On a side note - I tried downloading the most recent version of the Unite Gallery, but couldn't get it to work. It keeps throwing an error saying "Multiple anonymous defines in module". Is this something you had to fix in your version? Reason I asked, is that it seems like the newer version has support for video,.

GodTigga commented 6 years ago

hi there brendon

I've been looking for a way to update these as well, gona give it another shot this year. please do post any updates or tricks you figure out. I'll do the same

pinkflag commented 6 years ago

@brendon111 I had success dong it through the unite gallery that the carousel sits on. In the .unitegallery({...}) function in NewsCarouselWebPart.ts, add gallery_width: "100%". Incidentally, I also disabled the image scroll wheel zooming by setting gallery_mousewheel_role: "none".