dotdotdot is a smart and cross-browser jQuery plugin that truncates multiple line content to fit within your container and adds an ellipsis at the end of the text, similar to the CSS3 text-overflow property. The plugin also has the ability to truncate the path names of a URL to make it more readable.
Questions tagged [dotdotdot]
29 questions
11
votes
3 answers
How to implement Read More and Read Less with dotdotdot?
Using the jQuery dotdotdot plugin, I would like to have both a More and Less button to show and hide entire content of a
when there is a lot of text to display. The More button is working just fine, but I haven't yet figured out a way to…
Joe
- 797
- 1
- 10
- 23
7
votes
8 answers
Multiline text overflow (dotdotdot): wrap only word
I have such example of my code:
and i use such jQuery code:
$('.item').dotdotdot({
wrap: 'word',
fallbackToLetter:…
Proe Schugaienz
Proe Schugaienz
brabertaser19
- 5,678
- 16
- 78
- 184
6
votes
2 answers
dotdotdot add ellipsis even when not truncated
I use dotdotdot to truncate text in height specified box
…
…
Mistraë
- 338
- 5
- 21
4
votes
6 answers
jQuery dotdotdot plugin not working
I am trying to show list of comments in a panel using dotdotdot plugin but result is not cheering:
From below xhtml code:
Ömer Faruk Almalı
- 3,792
- 6
- 37
- 63
3
votes
1 answer
How to expand truncated text onclick by using dotdotdot?
I am using the jQuery dotdotdot truncation plugin dotdotdot.frebsite.nl
I want to truncate at max 2 lines. And when a user clicks on more, then it must show the full text (expand/de-truncate).
So far, I "only" manage to truncate my text. But not to…
cusejuice
- 10,285
- 26
- 90
- 145
2
votes
1 answer
missing values from spread operator
let arr1 = [1, -2, 3, 4];
let arr2 = [8, 3, -8, 1];
function fun()
{
console.log(arguments)
}
const fun1 = (...n) =>{
console.log(n)
}
fun.call(...arr1, ...arr2)
output : [object Arguments] {
0: -2,
1: 3,
2: 4,
3: 8,
4: 3,
5: -8,
6:…
ramya sri
- 21
- 3
2
votes
1 answer
jQuery.dotdotdot on grid layout -> empty spaces
I am designing a site using jQuery, Modernizr and some plugins (jQuery.dotdotdot, MixItUp). As a base I have chosen this work from codyhouse . So, the MixItUp functionality (filtering) works great and I don't have any issue there.
The problem comes…
sogeking
- 1,216
- 2
- 14
- 45
2
votes
1 answer
dotdotdot showing extra text after ... in flexslider
I have a flexslider carousel and it appears that for the items not yet in view dotdotdot is not applied correctly to some of them, there appears to be a text after the ...
http://dusit.syndacast.com/dusitthani/bangkok/
If I resize the window then…
user2760338
- 235
- 1
- 4
- 13
2
votes
1 answer
dotdotdot JS Plugin not wroking correctly for Japanese language
I am using Jquery plugin dotdotdot.. (http://dotdotdot.frebsite.nl/).
I am facing some issues with it.
When I am applying it on my long text in Japanese, it is not working correctly and showing blank instead of truncated text.
I am using…
Ritz
- 51
- 1
- 3
2
votes
1 answer
jquery.dotdotdot sections not showing up
I'm creating read more/read less links for sections of text using jquery.dotdotdot. The text isn't displaying for sections where I have multiple p tags. Not quite sure what the issue is. I've included my code in a fiddle below.
I appreciate any…
sgolemme
- 21
- 2
1
vote
1 answer
Auto identify Height in dotdotdot plugins
How to set auto height from css in jquery dotdotdot plugins.
note: I use dotdotdot plugins.
For Example:
.dot{
overflow: hidden;
width: 150px;
display: inline-block;
}
.paragraph-1{
height: 100px;
background-color:…
Mahdi Bashirpour
- 17,147
- 12
- 117
- 144
1
vote
0 answers
Require() on jquery.dotdotdot multiple jquery Modules warning
i have a project where i'm trying to load my JS dependencies through NPM instead of using CDNs, everything was going great until i hit the jquery-dotdotdot package apparently it depends on jQuery while in my app i'm loading jquery
It's effectively…
JonnySerra
- 1,044
- 3
- 13
- 27
1
vote
2 answers
jquery dotdotdot plugin is not woriking for dynamically created html
I am creating elements using:
$('#articleview').append(articles);
I need to apply the dotdotdot plugin to this dynamically created html
$(document).ready(function() {
$(".ellipsis").dotdotdot();
});
but it's not working in dynamically created…
Vinoth
- 23
- 5
1
vote
0 answers
dotdotdot jquery plugin for dynamically created html
I am creating elements using:
$(sel).append("html");
I need to apply the dotdotdot plugin to this dynamically created html (which has the class "ellipsis"), but it doesn't seem to go into effect.
$(document).ready(function() {
…
shell
- 1,867
- 4
- 23
- 39
1
vote
1 answer
dotdotdot method is not supported by object
I'm trying to use dotdotdot plugin on my MVC project. I need it in my table, where I want to restrict some rows to only 3-4 lines of text. Every row and column of this table that could contain big text (over 25 characters) is assigned a class the…
GeorgiG
- 1,018
- 1
- 13
- 29