Stack Overflow
Stack Overflow

Questions tagged [spectacle]

Spectacle is a React.js framework to create beautiful presentation

18 questions
3
votes
0 answers

spectacle-code-slide is says "unexpected ! in raw" and won't load properly

I'm trying to include raw Ruby/Elixir/Go/JavaScript code in a spectaclejs presentation. I'm trying to use CodeSlide as follows: const example_code = { demo: require("raw!./assets/demo.example"), };
Nona
  • 5,302
  • 7
  • 41
  • 79
2
votes
1 answer

Dash plot loses interactivity when put on spectacle editor

My dataframe looks something like this(only a very small subset since the entire data is quite large): data = [{'id': {0: 70.0, 1: 77.0,2: 78.0,3: 83.0,4: 84.0,5: 85.0,6: 90.0,7: 96.0,8: 124.0,9: 125.0}, 'commits': {0: 32, 1: 32, 2: 32,3: 32,4:…
Brie MerryWeather
  • 132
  • 3
  • 13
2
votes
2 answers

How to make KDE Spectacle automatically save a picture?

The "PrtScr" key in KDE in Ubuntu 18.04 invokes "spectacle", which pops up as a separate window. You can click "save and exit" to save a screenshot. The hotkeys that launch Spectacle appear to be defined in /usr/share/khotkeys/spectacle.khotkeys…
SomeoneElse
  • 360
  • 2
  • 12
2
votes
1 answer

spectacle-code-slide small height

I built a presentation slide with spectacle and I added spectacle-code-slide everything is working but the height of is really small. It's not fullscreen compare to this example Anyone have this problem? Snippet
Jonathan Dion
  • 1,651
  • 11
  • 16
1
vote
0 answers

Can't seem to install Spectacle from NPM

I'm not a Software Eng so not very familiar with Node.js and NPM, I'm trying to install Spectacle to test it out with Plotly charts but I'm stuck in the first step to get it installed through npm. I'm following this step by step guide but can't seem…
Cna
  • 11
  • 2
1
vote
1 answer

ReactJS: Dynamically add tags and content to react-dom and reload it

I am kind of new to reactJS and I am building a react app presentation with the help of spectacle. The content and amount of slides for the presentation are not known beforehand. Therefore, the basic idea is that at the beginning the app fetches…
threxx
  • 1,213
  • 1
  • 31
  • 59
1
vote
1 answer

Spectacle exit status 1 - sass error

[4mRunning "sass:foundation_scss" (sass) task�[24m �[31mFatal error: The implementation option must be passed to the Sass task.��[39m [Container] 2018/06/27 07:22:17 Command did not exit successfully spectacle swagger.yaml…
Parthiva
  • 254
  • 3
  • 21
1
vote
0 answers

Spectacle ReactJS can't access my own store state

I'm using Spectacle to create a slideshow web app, but I am having some trouble accessing my own redux store while inside the Component (from spectacle) What I mean is I can access my own ReduxStore within my whole application, but for those…
highfive_
  • 77
  • 10
1
vote
1 answer

How do I get spectacle-code-slide working on Windows?

I have installed Node on a Windows 10 machine. Then did npm install spectacle from the node command prompt. Finally downloaded the spectacle-code-slide zip file. Moved into the folder, did npm install and npm start. I get the following: npm ERR:…
amaity
  • 267
  • 1
  • 3
  • 15
1
vote
1 answer

spectacle-code-slide not rendering

I am trying to use spectacle-code-slide for a presentation. Currently I have been unable to get it to render anything. Here is what I have done: 1 Cloned spectacle-boilerplate 2 Replaced the default /presentation/index.js with the code in the…
Dair
  • 15,910
  • 9
  • 62
  • 107
0
votes
0 answers

Is it possible to manually navigate to other slides in Spectacle?

Imagine my goal would be to have a button on slide number 10 that - once clicked - would navigate me back to slide 2. I can't find anything like that (which is more or less a built in Router) in the Spectacle docs, but would assume that sth as…
manpenaloza
  • 385
  • 1
  • 3
  • 13
0
votes
0 answers

How Do I Create An API Data Test File In Looker?

My team is experimenting with Looker as a possible solution to a project we're working on. My issue is testing. We're not querying a DB, but using our API's for the testing. I've looked at the page…
Jack Parker
  • 547
  • 2
  • 9
  • 32
0
votes
0 answers

Why are some languages not highlighted in an npm project using PrismJS?

I'm using Spectacle 5 in an npm project, which itself uses Prism as a dependency. The CodePane component correctly highlights code for e.g. python, but for e.g. haskell, no highlighting is being performed (I verified the same code snippet worked at…
bbarker
  • 11,636
  • 9
  • 38
  • 62
0
votes
1 answer

Spectacle Code Slide extension not working

I've built a presentation using the spectacle boilerplate. spectacle github This all works as expected. The problem I have is when I try to use spectacle code-slide extension. I've included a prism css file and the code is loaded and highlighted.…
bamdan
  • 836
  • 7
  • 21
0
votes
1 answer

spectacle-code-slide not highlighting code lines

Using the current spectacle boilerplate (5.2.2) with spectacle-code-slide, everything works fine until navigating the code inside the CodeSlide element.
En_Tech_Siast
  • 83
  • 1
  • 12
1
2