Questions tagged [slick]
1739 questions
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...
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.
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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:
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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...
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{...
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.
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 ?
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...
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)...
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...
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...
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 '...
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...