Highly customizable and re sizable split screen container version 2
Usage
splitCard2(
left,
right,
bg.left.color = NULL,
bg.right.color = NULL,
border.color = NULL,
text.left.color = "black",
text.right.color = "black",
slider.position = charNum1to100
)Arguments
- left
content on the left or top
- right
content on the right or bottom
- bg.left.color
left panel color e.g red, black or #333333
- bg.right.color
right panel color e.g red, black or #333333
- border.color
border color of the container e.g. red or #f5f5f5
- text.left.color
color of left panel text
- text.right.color
color of right panel text
- slider.position
position of the slider in percent
Examples for r2resize
More examples and demo pages are located at this link - https://rpkg.net/package/r2resize.
Examples
if (FALSE) {
#Use the default split card 2 function
#add a question on one side, and answer on the other
r2resize::splitCard2(
shiny::tags$h1("Question 1"),
shiny::tags$h1("Answer 1"),
slider.position = "40"
)
#specify the backgroun color for the sides
r2resize::splitCard2(
"Sample r2symbols 1",
"Sample nextGen 1",
bg.right.color = "white",
bg.left.color = "lightgray"
)
#alter the border color
#specify the text color for each side
r2resize::splitCard2(
"Sample shinyStorePlus",
"Sample nextGen 1",
bg.right.color = "white",
bg.left.color = "lightgray",
border.color = "black",
text.left.color = "black",
text.right.color = "black"
)
##change the text color from one side to the other
r2resize::splitCard2(
"Sample sciRmdTheme 1",
"Sample nextGen 1",
bg.right.color = "white",
bg.left.color = "lightgray",
border.color = "gray",
text.left.color = "red",
text.right.color = "blue"
)
}