Mixing
Linking text on intro page to tabs in shinydashboard
0
I have a shinydashboard set up on my local computer, not online
I have an Introduction Page, which explains what the other tabs show.
What I'd like is to insert a hyperlink to "Overview of Class", "Student Selector" and "Effort Level" Tabs so that once the user clicks on em, he will be directed to the respective tab.
The Introduction page is set up as this:
tabItem(tabName = "intro",
div(img(src = "http://world.edu/wp-content/uploads/2017/12/moocXX.jpg", height = 200, width = 600), style="text-align: center;"),
fluidRow(
box(
h2("Welcome to the Massive Open Online Course (MOOC) Instructor Dashboard", style="text-align: center;"),
br(),
p(
span("This is an educational dashboard built by ", style = "font-size:20px"),
a(href = "http://crossvalidated.rbind.io/","Jason Baik", style = "font-size:20px"),
span("as part of the Research Experience for Undergraduates (REU) program at", style = "font-size:20px"),
a(href = "https://cs.gmu.edu/~reu/","George Mason University.", style = "font-size:20px")
),
br(),
p(
span("Intended audience: MOOC instructors and administrators", style = "font-size:20px;font-weight:bold")
),
br(),
p(
h4("Explanation of Tabs", style = "font-size:25px"),
span("Overview of Class: Total number of students, dropouts, final grades, and normalized module usage", style = "font-size:20px")
),
p(
span("Student Selector: Filters to customize view of dataset", style = "font-size:20px")
),
p(
span("Effort Level: Information on Weekly Effort Levels", style = "font-size:20px")
),
p(
span("Dropout Definition provided by", style = "font-size:20px"),
a(href = "https://www.researchgate.net/profile/Anja_Lorenz/publication/263543544_Open_Online_Courses_in_the_context_of_higher_education_an_evaluation_of_a_German_cMOOC/links/54941c560cf2e1b6095f97bc/Open-Online-Courses-in-the-context-of-higher-education-an-evaluation-of-a-German-cMOOC.pdf#page=58",
"Halawa, S., Greene, D., & Mitchell, J. (2014). Dropout Prediction in MOOCs using learner activity features. eLearning Papers, 37, 7-16.", style = "font-size:20px")
),
r shiny shinydashboard
asked Nov 19 '18 at 15:49
JasonBaik
17510
add a comment |
0
I have a shinydashboard set up on my local computer, not online
I have an Introduction Page, which explains what the other tabs show.
What I'd like is to insert a hyperlink to "Overview of Class", "Student Selector" and "Effort Level" Tabs so that once the user clicks on em, he will be directed to the respective tab.
The Introduction page is set up as this:
tabItem(tabName = "intro",
div(img(src = "http://world.edu/wp-content/uploads/2017/12/moocXX.jpg", height = 200, width = 600), style="text-align: center;"),
fluidRow(
box(
h2("Welcome to the Massive Open Online Course (MOOC) Instructor Dashboard", style="text-align: center;"),
br(),
p(
span("This is an educational dashboard built by ", style = "font-size:20px"),
a(href = "http://crossvalidated.rbind.io/","Jason Baik", style = "font-size:20px"),
span("as part of the Research Experience for Undergraduates (REU) program at", style = "font-size:20px"),
a(href = "https://cs.gmu.edu/~reu/","George Mason University.", style = "font-size:20px")
),
br(),
p(
span("Intended audience: MOOC instructors and administrators", style = "font-size:20px;font-weight:bold")
),
br(),
p(
h4("Explanation of Tabs", style = "font-size:25px"),
span("Overview of Class: Total number of students, dropouts, final grades, and normalized module usage", style = "font-size:20px")
),
p(
span("Student Selector: Filters to customize view of dataset", style = "font-size:20px")
),
p(
span("Effort Level: Information on Weekly Effort Levels", style = "font-size:20px")
),
p(
span("Dropout Definition provided by", style = "font-size:20px"),
a(href = "https://www.researchgate.net/profile/Anja_Lorenz/publication/263543544_Open_Online_Courses_in_the_context_of_higher_education_an_evaluation_of_a_German_cMOOC/links/54941c560cf2e1b6095f97bc/Open-Online-Courses-in-the-context-of-higher-education-an-evaluation-of-a-German-cMOOC.pdf#page=58",
"Halawa, S., Greene, D., & Mitchell, J. (2014). Dropout Prediction in MOOCs using learner activity features. eLearning Papers, 37, 7-16.", style = "font-size:20px")
),
r shiny shinydashboard
asked Nov 19 '18 at 15:49
JasonBaik
17510
1
I would userintrojslibrary for your overview, you can find out more about this package here github.com/carlganz/rintrojs, live example is here carlganz.shinyapps.io/rintrojsexample
– Pork Chop
Nov 19 '18 at 16:13
add a comment |
0
0
0
I have a shinydashboard set up on my local computer, not online
I have an Introduction Page, which explains what the other tabs show.
What I'd like is to insert a hyperlink to "Overview of Class", "Student Selector" and "Effort Level" Tabs so that once the user clicks on em, he will be directed to the respective tab.
The Introduction page is set up as this:
tabItem(tabName = "intro",
div(img(src = "http://world.edu/wp-content/uploads/2017/12/moocXX.jpg", height = 200, width = 600), style="text-align: center;"),
fluidRow(
box(
h2("Welcome to the Massive Open Online Course (MOOC) Instructor Dashboard", style="text-align: center;"),
br(),
p(
span("This is an educational dashboard built by ", style = "font-size:20px"),
a(href = "http://crossvalidated.rbind.io/","Jason Baik", style = "font-size:20px"),
span("as part of the Research Experience for Undergraduates (REU) program at", style = "font-size:20px"),
a(href = "https://cs.gmu.edu/~reu/","George Mason University.", style = "font-size:20px")
),
br(),
p(
span("Intended audience: MOOC instructors and administrators", style = "font-size:20px;font-weight:bold")
),
br(),
p(
h4("Explanation of Tabs", style = "font-size:25px"),
span("Overview of Class: Total number of students, dropouts, final grades, and normalized module usage", style = "font-size:20px")
),
p(
span("Student Selector: Filters to customize view of dataset", style = "font-size:20px")
),
p(
span("Effort Level: Information on Weekly Effort Levels", style = "font-size:20px")
),
p(
span("Dropout Definition provided by", style = "font-size:20px"),
a(href = "https://www.researchgate.net/profile/Anja_Lorenz/publication/263543544_Open_Online_Courses_in_the_context_of_higher_education_an_evaluation_of_a_German_cMOOC/links/54941c560cf2e1b6095f97bc/Open-Online-Courses-in-the-context-of-higher-education-an-evaluation-of-a-German-cMOOC.pdf#page=58",
"Halawa, S., Greene, D., & Mitchell, J. (2014). Dropout Prediction in MOOCs using learner activity features. eLearning Papers, 37, 7-16.", style = "font-size:20px")
),
r shiny shinydashboard
asked Nov 19 '18 at 15:49
JasonBaik
17510
I have a shinydashboard set up on my local computer, not online
I have an Introduction Page, which explains what the other tabs show.
What I'd like is to insert a hyperlink to "Overview of Class", "Student Selector" and "Effort Level" Tabs so that once the user clicks on em, he will be directed to the respective tab.
The Introduction page is set up as this:
tabItem(tabName = "intro",
div(img(src = "http://world.edu/wp-content/uploads/2017/12/moocXX.jpg", height = 200, width = 600), style="text-align: center;"),
fluidRow(
box(
h2("Welcome to the Massive Open Online Course (MOOC) Instructor Dashboard", style="text-align: center;"),
br(),
p(
span("This is an educational dashboard built by ", style = "font-size:20px"),
a(href = "http://crossvalidated.rbind.io/","Jason Baik", style = "font-size:20px"),
span("as part of the Research Experience for Undergraduates (REU) program at", style = "font-size:20px"),
a(href = "https://cs.gmu.edu/~reu/","George Mason University.", style = "font-size:20px")
),
br(),
p(
span("Intended audience: MOOC instructors and administrators", style = "font-size:20px;font-weight:bold")
),
br(),
p(
h4("Explanation of Tabs", style = "font-size:25px"),
span("Overview of Class: Total number of students, dropouts, final grades, and normalized module usage", style = "font-size:20px")
),
p(
span("Student Selector: Filters to customize view of dataset", style = "font-size:20px")
),
p(
span("Effort Level: Information on Weekly Effort Levels", style = "font-size:20px")
),
p(
span("Dropout Definition provided by", style = "font-size:20px"),
a(href = "https://www.researchgate.net/profile/Anja_Lorenz/publication/263543544_Open_Online_Courses_in_the_context_of_higher_education_an_evaluation_of_a_German_cMOOC/links/54941c560cf2e1b6095f97bc/Open-Online-Courses-in-the-context-of-higher-education-an-evaluation-of-a-German-cMOOC.pdf#page=58",
"Halawa, S., Greene, D., & Mitchell, J. (2014). Dropout Prediction in MOOCs using learner activity features. eLearning Papers, 37, 7-16.", style = "font-size:20px")
),
r shiny shinydashboard
r shiny shinydashboard
asked Nov 19 '18 at 15:49
JasonBaik
17510
asked Nov 19 '18 at 15:49
JasonBaik
17510
asked Nov 19 '18 at 15:49
JasonBaik
17510
asked Nov 19 '18 at 15:49
JasonBaik
17510
asked Nov 19 '18 at 15:49
JasonBaik
17510
17510
1
I would userintrojslibrary for your overview, you can find out more about this package here github.com/carlganz/rintrojs, live example is here carlganz.shinyapps.io/rintrojsexample
– Pork Chop
Nov 19 '18 at 16:13
add a comment |
1
I would userintrojslibrary for your overview, you can find out more about this package here github.com/carlganz/rintrojs, live example is here carlganz.shinyapps.io/rintrojsexample
– Pork Chop
Nov 19 '18 at 16:13
1
1
I would use
rintrojs library for your overview, you can find out more about this package here github.com/carlganz/rintrojs, live example is here carlganz.shinyapps.io/rintrojsexample– Pork Chop
Nov 19 '18 at 16:13
I would use
rintrojs library for your overview, you can find out more about this package here github.com/carlganz/rintrojs, live example is here carlganz.shinyapps.io/rintrojsexample– Pork Chop
Nov 19 '18 at 16:13
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53378228%2flinking-text-on-intro-page-to-tabs-in-shinydashboard%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53378228%2flinking-text-on-intro-page-to-tabs-in-shinydashboard%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
I would use
rintrojslibrary for your overview, you can find out more about this package here github.com/carlganz/rintrojs, live example is here carlganz.shinyapps.io/rintrojsexample– Pork Chop
Nov 19 '18 at 16:13