Stack Overflow
Stack Overflow

Questions tagged [deck.js]

Deck.js is a Javascript library for creating presentations using HTML, CSS and Javascript.

Deck.js is an HTML/CSS/Javascript library for making presentations that run in the web browser. The tool is designed to allow presentations to be created using basic HTML, and to be extensible for advanced users.

Demo and free download:

22 questions
3
votes
1 answer

Can ease-in and ease-out have different speeds for the css transition timing function?

I'm trying to have one element exit slowly and another one come in just as slow, but I want the first element to come in fast and the second one to exit fast too. Is this possible? Here's what I tried. This is for a deck.js slide…
Adam D
  • 414
  • 4
  • 9
3
votes
4 answers

Plot dimple(d3.js) chart in deck.js section

I would like to insert a dimple plot into a deck.js presentation. The code below online puts the plot in the body at the background. But I would like to have the plot displayed in the section class. I think I have to change something in var svg =…
jeroen81
  • 2,305
  • 5
  • 29
  • 41
2
votes
2 answers

How to make deck.js presentations go forward when clicking

How do I configure deck.js so it goes to the next slide when I click anywhere on the page? Very much like Powerpoint or Impress does it.
knittl
  • 246,190
  • 53
  • 318
  • 364
2
votes
0 answers

How to restrict @deckdeckgo div go outside of his parent or get biiger than his parent

Hello I am using a very simple cdn it's deckdeckgo Drag, Resize and Rotate => https://docs.deckdeckgo.com/components/drr/ everything is working fine except 2 things My deckgo-drr child gets bigger than his parent My deckgo-drr child can move…
Altro
  • 878
  • 1
  • 7
  • 23
2
votes
2 answers

String representation of an object - deck cards

I am looking to build a function containing two string variables, and return the combination to each card of a deck. playCard({ suit: 'HEARTS', value: 2 }) to return 2♥ playCard({ suit: 'SPADES', value: 10 }) to return T♠ playCard({…
learnjspsde
  • 37
  • 6
2
votes
1 answer

Asciidoctor Slides without Ruby (but with jRuby)

I know that there are asciidoctor backends for reveal.js and deck.js but it seems that both are only available as ruby gems and not .jar packages. While I know how to use the Gems from within a java build, I would like to use these backends without…
rdmueller
  • 10,742
  • 10
  • 69
  • 126
2
votes
1 answer

Re-render (or animate) chart.js chart on transition within deck.js

I've made a deck.js slideshow and one of the slides has a chart.js piechart in it. I'm trying to get the piechart to animate eachtime its slide is transitioned too. It currently only animates the first time it is transitioned to after a browser…
Yobmod
  • 395
  • 3
  • 5
  • 18
2
votes
1 answer

How I can include the use of the extension deck.automation.js when I create a document Rmarkdown-slidify-deck.js in RStudio?

How I can include the use of the extension deck.automation.js when I create a document Rmarkdown-slidify-deck.js in RStudio? It is to show a presentation on a screen with statistical content without interaction from anyone, and when finished will…
user2876719
  • 31
  • 2
2
votes
1 answer

Custom styles not working with deck.js

I'm creating a presentation using deck.js, the problem that I'm having is that whenever I try to use custom styles eg to add border to tables or to use google code prettify, it has absolutely no effect. The presentation can be found here. Edit: I…
nikhil
  • 8,925
  • 21
  • 62
  • 102
1
vote
0 answers

React-map-gl transition error which crashes the map

I am having an issue with my map where a certain trackpad gesture crashes the map. The error that is shown upon this is attached below. Transition error As seen in the image, it requires a position prop which I could not find in any documentation of…
Huvinesh Rajendran
  • 11
  • 1
1
vote
1 answer

Animation navigation in Deck.js

On Deck.js pages with animations I would like to have a visul indicator for the transitions so I know how many a deck has. Similar to deck.status, but for a given slide not the deck. We are using Deck.js for several two day classes and its…
Brad Schoening
  • 1,281
  • 6
  • 22
1
vote
1 answer

How to prevent a slide from becoming blurry when moving to next slide?

I'd like to prevent a specific slide of my deck to become blurry when moving to next slide. How can I achieve that?
viebel
  • 19,372
  • 10
  • 49
  • 83
1
vote
1 answer

How to remove page number from deckjs framework (using Slidify)

I have created slidify presentation using deckjs framework and used "> *" to make things appear sequentially (like PowerPoint bullet points). However, I found that it shows the page number differently. When I click next to show the next bullet…
Nanami
  • 11
  • 1
1
vote
1 answer

Deck.js changing displayed slide size based on slide content

When the content of my slides in a deck.js presentation gets larger than the vertical window, the browsers are shrinking the displayed content. The more content, the smaller the display gets. The effect seems 'page' wide, as the top left corner…
chernevik
  • 3,922
  • 9
  • 41
  • 55
1
vote
1 answer

Get buttons (prev, next, pause) working for Deck.js

I am trying to use Deck.js but have a massive issue that is making me feel very very stupid. I want to have navigation buttons. I want a button that allows the user to move forward and a button that moves back. Also, if its not too much to ask, a…
Joseph
  • 3,899
  • 10
  • 33
  • 52
1
2