Coder Social home page Coder Social logo

Functionality with rmardown about flashcard HOT 3 OPEN

bes827 avatar bes827 commented on August 27, 2024
Functionality with rmardown

from flashcard.

Comments (3)

jienagu avatar jienagu commented on August 27, 2024

Hi, @bes827 it works for both static webpages created by rmarkdown and dynamic web by Shiny app. :)

from flashcard.

bes827 avatar bes827 commented on August 27, 2024

Thanks for the reply. I tried the syntax below, however when I render to html, it only produces the first flash card (the expected output is three different flash cards). Any suggestions on what I should do different?
thanks again @jienagu

image

---
title: "flashcard libray"
output: html_document
---


```{r}

library (flashCard)


df1 <- data.frame(
front = c("Title front1","contentfront"),
back =c("Title back1","content back")
)

flashCard(df1, elementId = "card", front_text_color = "yellow")



df2 <- data.frame(
front = c("Title front2","contentfront"),
back =c("Title back2","content back")
)

 
flashCard(df2, elementId = "card", front_text_color = "yellow")

In separate chunk:

df3 <- data.frame(
front = c("Title front3","contentfront"),
back =c("Title back3","content back")
)

 
flashCard(df3, elementId = "card", front_text_color = "yellow")


from flashcard.

jienagu avatar jienagu commented on August 27, 2024

Hi @bes827 , this is because you are using same elementId for all of your flash cards. Please use different elementId and you will see the problem solved.

image

from flashcard.

Related Issues (2)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.