Questions tagged [slick]

1

votes
1

answer
39

Views

PHP Get every Nth item in loop but group them by sets of 6

I am using Slick Slider to build a slider of events. Each 'slide' consists of a group of 6 events of different sizes (shown in the picture below): PHP: Slick Slider JS: $('#eventsList').slick({ dots: true, arrows: false, infinite: true, slidesToShow: 1, slidesToScroll: 1 }); This code works fine if...
cpcdev
0

votes
0

answer
5

Views

Using Slick with Kudu/Impala

Kudu tables can be accessed via Impala thus its jdbc driver. Thanks to that it is accessable via standard java/scala jdbc api. I was wondering if it is possible to use slick for it. Or if not is any other high level scala db framework supporting impla/kudu.
abalcerek
1

votes
1

answer
258

Views

Slick JS vertical with two elements in same line

I've a problem with Slick. I need to display two elements in a same line with a vertically animation. It's working fine with the horizontally display. $('.slide').slick({ infinite: true, slidesToShow: 2, slidesToScroll: 1, pauseOnHover: true, autoplay: false, dots: false, arrows: false, vertical: tr...
Ayanei
1

votes
0

answer
675

Views

Slick slider - first slide doesn't show on load

Trying to get slick sliders to work inside a container that animates into view... Clicking on a box title drops down a full width content box with a slick slider and some paragraphs about the project. My problem is that the first image doesn't automatically show up for me on load... I have to click...
Corey Bush
1

votes
0

answer
180

Views

Slick3.2 Error: No matching Shape found

I'm not sure what is wrong here. The following code block is throwing error: (for { (e,r) r.col1 === e.col3) } yield (e.id) Error No matching Shape found. [error] Slick does not know how to map the given types. [error] Possible causes: T in Table[T] does not match your * projection, [error] you us...
Sujit Baniya
1

votes
0

answer
324

Views

Stop React Slick right draggable after going to last slide

https://github.com/akiran/react-slick I'm facing problem related to padding. After the last slide, we are able to see space if you drag. https://codepen.io/anon/pen/opdadq http://jsfiddle.net/kirana/wna3a6q5 with the settings: slidesToShow: 2, slidesToScroll: 1 The user should scroll only one slide...
jagarapu varakumar
1

votes
0

answer
83

Views

Generic update with mapping in Slick

I'm writing a CRUD app using Slick, and I want my update queries to only update a specific set of columns and I use .map().update() for that. I have a function that returns a tuple of fields that can be updated in my table definition (def writableFields). And I have a funciton that returns a tuple o...
1

votes
0

answer
524

Views

Slick slider breaks after tab change and slider nav doesn't sync

I'm using multiple slick sliders inside a Bootstrap 4 tab navigation. After a great answer from Rory McCrossan (https://stackoverflow.com/a/48400449/1788961), the slider works well inside an hidden container. But I need it to work in combination with two tab content areas. If I'm using two content a...
Cray
1

votes
1

answer
190

Views

Best practices to separate business logic from the Controller to the Model layer with Play framework + Scala + Slick

I am a newbie in using Play framework. I am struggling to design a model with one-to-many and retrieve it using Json. I am using Play 2.6, Scala 2.11 with Slick 3.0.0. I have two tables: Rack : case class RackRow(id: String, produced: Float, currentHour: Long) and Gpu: case class Gpu(id: String, rac...
Felipe
1

votes
1

answer
276

Views

Nullable column causes SlickException when trying to write null value

In my Play + Slick 3.2.1 (using PlaySlick 3.0.0) project, I'm trying to have a nullable column password_id on a table user: case class User(id: Long, name: String, passwordId: Option[Long]) extends Identity class UserTable(tag: Tag) extends Table[User](tag, 'user') { def id = column[Long]('id', O.Pr...
Cedric Reichenbach
1

votes
1

answer
683

Views

Slick slider - Update current slide based on URL

I'm facing a problem i'd like to fix. I've got a visual navigation and would like to always have the current slide as the first slide. It should update dynamically based on the URL. var current = window.location.href; $('.slider a').each(function(){ var link = '/' + $(this).attr('href'); if (curr...
Auriculalon
1

votes
1

answer
168

Views

Slick slider - arrows invisible until it's in viewport

I have been facing this problem multiple times with slick carousel You can't see the arrows until scroll into slider's 'viewport'. It looks kind of z-index problem, but it's definitely not Video of this problem https://www.dropbox.com/s/33fu5btk5c3wqfn/Video%2002-02-2018%2C%2010%2038%2008.mp4?dl=0...
Sergey Khmelevskoy
1

votes
1

answer
297

Views

Trying to create Unit tests for Slick database for Play web application in Scala

I am struggling trying to configure unit tests for my Play web applications using Scala. I am using Play 2.6 and Scala 2.11.8. When I use the database configuration and execute sbt test I get the error No implementation for play.api.db.slick.DatabaseConfigProvider was bound on my console. So I am go...
Felipe
1

votes
3

answer
832

Views

Slick slider - borders between slides

I'm using slick-carousel on my website and have such problem. http://prntscr.com/i9ojqf I added border bettwen slides by this code: border-right: 5px solid red; Question is: how can i get rid of border for the very last visible slide here? Thanks! four images here $(function() { $('.js-slider').slic...
1

votes
1

answer
210

Views

Slick - many to many relationship

I am working on a Library data model where each book can have multiple authors and vice versa (many to many). I want to pass a list of books to a html view page that each book includes a list of its author(s). To do that I have defined the following tables for book and authors: private class BookTab...
A.G
1

votes
0

answer
165

Views

Getting a resize event to happen every time a jQuery UI tab click occurs

I'm using jQUery UI tabs, and within each tab, it's got a slick.js-based slider. Since the second slider is initially set to display:none; on page load (since it's in a non-active tab), its size isn't calculated correctly. If once the second tab is active, the window is resized, it calculates the s...
Keefer
1

votes
1

answer
438

Views

Whitespace if slick-carousel has variableWidth and dynamic container

I have variable number of cards and also the container is of dynamic dimensions. So I set variableWidth: true and as per requirement infinite: false What I have is below issue where I have to solve. I want the first and last slide to stick to edges. I am using Jquery Slick Carousel JS Fiddle to quic...
Vinod Gubbala
1

votes
1

answer
294

Views

Can I string-build a Slick plain SQL query?

I'm using Slick to assemble a plain SQL query. I'd like to have part of the query constructed differently at runtime, depending on local variables. This implies I need to concatenate multiple partial SqlActions (I think?). I understand an alternative approach is to use #${plainSqlString} but this wo...
Lawrence Wagerfield
1

votes
0

answer
305

Views

Slick Slideshow Thumbnail Image ABOVE the Slideshow and not below

I have created a Slideshow using Slick, I want the thumbnails positioned above the active slideshow image and not below it. I have moved the thumbnail 'div' above the slide but it's still positioned to the bottom. I can not work out why this is and need help. Here is my code (HTML/CSS and JS). HTML:
DANVC
1

votes
1

answer
145

Views

Slick 3 use custom MappedColumnType in custom SourceCodeGenerator

I have this customized source code generator using the default PostgresProfile and I want it to generate java.time.OffsetDateTime columns when dealing with java.sql.Timestamp types. I've come as far as using the rawType but I don't understand what I'm supposed to override to be able to use the impor...
Nogurenn
1

votes
0

answer
210

Views

slick slider formular tab switch from one slide to another

i'm using slick slider for a large formular. Each section is one slide. Section 1 Section 2 Drei A Drei B JS: $('.form-slider').slick({ dots: true, draggable: false, swipe: false, nextArrow: $('.btn_next'), prevArrow: $('.btn_prev'), adaptiveHeight:true, accessibility: false }); My Problem is now, t...
Stiller Eugen
1

votes
0

answer
110

Views

slick carousel not working for some large image(bolb url image path) in windows 7 Firefox

i have made the simple image preview demo by using the slick carousel. In this demo i have display the image by setting the blob path as image src by java script for large images. but for some large images it not display the images in windows 7 Firefox. while in other system like Linux, mac it is di...
nirav
1

votes
1

answer
241

Views

value isEmpty is not a member of slick.lifted.Rep[Option[java.time.LocalDateTime]]

Im using play-slick 3.0.3 I have such column: val someDate = column[Option[LocalDateTime]]('some_date', O.Default(None)) and in code I want to do: table.someDate.isEmpty but Ive got errors that isEmpty does not exists.. for example for Option[Int] it works fine.. Im having this problem after migrat...
Baku
1

votes
0

answer
142

Views

How to delete space between rows when using rows in Slick? [duplicate]

This question already has an answer here: How do I remove the space between inline-block elements? 37 answers Image inside div has extra space below the image 9 answers I searched on the Internet and see this demo but I cannot delete distance between rows: https://jsfiddle.net/gdqwn1je/2/ $('.slid...
Willy
1

votes
0

answer
208

Views

ngx-slick - slick.js - viewing 3 slides - scrolling only one

I am using ngx-slick. I have a slider with slidesToShow=3 and slidesToScroll=1; The thing is that when I scroll the carousel, I can scroll with my mouse more than one slide, but then it goes back and scrolls exactly one slide like I set in the config. Can you show me the direction where to look to...
żyńy
1

votes
2

answer
554

Views

Slick slider, padding in the first slide

My idea is the following one: I would like to put a padding in the first slide from slick.js, and yes, i already tried the :first element in css.. But what I really wanted is: put an css class in the first ever element and then change the class when its not appearing What I've so far: $(document).r...
1

votes
0

answer
131

Views

Filter is breaking slick.js slider

I've made a slider with slick.js and I'm now trying implement a filter, but it breaks my slider. Filter's code: $('#cat1-cb').change(function(){ if ($('#cat1-cb').is(':checked')) { $('.category1').show(); }else{ $('.category1').hide(); } }); $('#cat2-cb').change(function(){ if ($('#cat2-cb').is(':ch...
Dave
1

votes
2

answer
153

Views

Intermittent connection failures with heroku postgres while using play-slick

I have a play app on heroku connecting to a postgres instance with play-slick. Around 30% of the time when I deploy a new application I get this in my logs: java.sql.SQLTransientConnectionException: db - Connection is not available, request timed out after 1007ms. When I restart the application it...
Salman Iftikhar
1

votes
1

answer
27

Views

Slick Carousel displaying to the left then disapearing

I use the slick carousel on a regular basis and today I am experiencing an issue thats making me feel like I'm going insane. When I apply the .slick() method to the parent element all the slides appear to the left of the page, the page extends horizontially by a lot and then when you attempt to sli...
Harry
1

votes
4

answer
618

Views

Slick slider is not working

I am trying to implement slick slider into my website, but it's not working. I revised so many times, trying to figure out what is wrong but couldn't find anything, I am getting crazy! Please help me out to find an issue. Thank you, Marko. Gamer World News Entertainment your content your content you...
Marko Nestorovic
1

votes
1

answer
28

Views

Slick slider no event thrown if only 1 item

I have implemented a slick slider that handles dynamic data. The issue I have is when there remains just one slide. In that case no event is thrown. In case this 'slide' is a video item, i need to recycle it from the start when the end of the video has reached. I even implemented a trigger in the...
MrElGwiedo
1

votes
1

answer
1k

Views

Slick carousel not adapting to responsive images

I want to use the Slick carousel with some images that will resize depending on the width of the screen, however whilst the images are responsive, the carousel always fills the whole page. Here is my code: HTML: JS: $(document).ready(function(){ $('.slide').slick({ dots: true, }); }); CSS: .slide{...
Sam
1

votes
0

answer
50

Views

How to avoid blueimp gallery modal opening when click slick slider arrows and dots

I am using slick slider and blueimp gallery plugin together for slide and gallery view. So that when i am click slider arrow it open gallery view instead of slide next image.
iGrid Design
1

votes
0

answer
164

Views

How Slick update JSONB column in PG?

I try to update column attrs (JSONB type) in this way, it compiles failed. table .filter(_.sn === param.sn) .map(_.attrs) .update(param.attrs) But if I update a INTEGER column in the same way, it succeed. How should I update a JSONB column by Slick ?
Z fp
1

votes
0

answer
44

Views

akka slick alternative to anorm SQL(…).on(params)

I am doing as follows with anorm: val name = 'john' val age = 30 val params: Seq[NamedParameter] = List(NamedParameter('name', name), NamedParameter('age', age)) SQL'insert into person (name, age) values ({name}, {age})'.on(params:_*)).executeUpdate() I am aware it could be simpler as follows: SQL'i...
David Portabella
1

votes
0

answer
99

Views

slick.js drag not working with fullpage.js scrollOverflow: true

I am building a site using fullpage.js with scrollOverflow option set to true and implementing a slick.js in a section which is longer than the viewport height. The left click drag does not work on slick.js when the IScroll is initialized. It should be noted that right click and middle click (mouse)...
minlare
1

votes
1

answer
454

Views

Slick.Js asNavFor Resetting to First Slide Each Time

I'm using the Slick.JS plugin and have enountered an issue I'm hoping someone can help me with. I have two carousels, both have five slides, with the top carousel showing one slide at a time and the bottom showing all five at a time. The top is movable by arrows and on the bottom each individual sli...
dpayne
1

votes
1

answer
2k

Views

React Slick Slide Height Issue

I'm having trouble getting these React-Slick slider components to be the same height. They're both responsive divs and resize accordingly as the page size changes, but I would ideally want the div on the left to be the same height as the div on the right. I have my SimpleSlider defined with the belo...
JR3652
1

votes
0

answer
55

Views

Slick slider + Javascript: Works on inital page load, but not on subsequent page loads without a page refresh

I am using slick slider (http://kenwheeler.github.io/slick/) on a page. The javascript that initializes slickslider is included in every page. The first time the page loads, the slider works perfectly. However, when I click on a link and go to another page, the slider doesn't work or, doesn't get '...
deltavin
1

votes
0

answer
43

Views

Referencing a file from src in sbt

I'm trying to modify slick's codegen to use my own SourceCodeGenerator. So I made my own class extending SourceCodeGenerator and put it under app/utils where app is my source directory. I made an sbt task and referenced this class (util.MySourceCodeGenerator) in build.sbt but I'm getting the dreaded...
coolboyjules

View additional questions