1. REDCap Advanced Topics University of Iowa Institute for Clinical and Translational Science (ICTS) https://www.icts.uiowa.edu/confluence /display/ICTSit/REDCap#REDCap- REDCapAdvancedTopicsTraining 1

2. Linking to Projects and Sites Fred McClurg, fred-mcclurg@uiowa.edu Heath Davis, heather-davis@uiowa.edufred-mcclurg@uiowa.eduheather-davis@uiowa.edu https://www.icts.uiowa.edu/confluence/ download/attachments/53149797/REDC ap_Link_To_Sites.pdf 2

3. Linking via REDCap Bookmarks REDCap now has the capability define a link on the navigation bar. 3

4. Creating a Simple Link 4 The “Link Label” specifies text of the link. The “Link URL/Destination” defines the address of the external web site. The “Opens new window” checkbox makes the page open in a separate window or tab.

5. The newly created link is displayed on the navigation bar under the “Project Bookmarks” heading: Project Bookmarks 5

6. Creating a REDCap Project Link 6 Upon selecting the Link Type of “REDCap Project”, the following dialog is displayed allowing you to specify the project from a drop-down list. A link to another REDCap Project can also be created on the navigation bar.

7. Editing a Link To modify a link, hover over the label. The text is edited in place. 7

8. Using Field Notes to reference a footnote The Field Note can be used as a footnote. Using special characters (i.e. dagger) require the use of an HTML Entity. 8

9. Code for Field Note using HTML Entity The following HTML snippet specifies using a HTML Entity in a Field Note: Choices: 1, Hispanic or Latino † 2, Not Hispanic of Latino Field Note: † Hispanic or Latino: A person having Cuban, Mexican, Puerto Rican, South/Central American, or other Spanish culture/origin. 9

10. Creating Hover Title on Label A yellow fly-over text title can be created on most labels to provide context sensitive help. 10

11. Code for hover title on label The following HTML snippet specifies using a yellow hover title on a radio button: Choices: 1, Hispanic or Latino 2, Not Hispanic of Latino 11

12. Linking via REDCap Field Notes It possible to reference another page within REDCap via a Field Note. This is an ideal place to provide context sensitive help in order to assist the end user regarding a specific field: 12

13. HTML Code to Open a Page The following HTML snippet opens the Employee Directory in a separate page or tab: Enter Doctor's name as listed in the employee directory : LastName, FirstName M 13

14. Popup Page via Field Notes Link It is also possible to popup a stand-alone browser window that references an external page via a Field Note. This window can be displayed without a menubar or toolbar. 14

15. JavaScript Code for Popup Page Link The following HTML/JavaScript snippet opens Wikipedia in a 412x265 popup help window: For more information, see the Groundhog Wikipedia page. 15

16. Popup Page via Field Notes Icon It is also possible to popup a browser window to a new page by clicking a Field Note icon. The icon must be referenced from an external site. 16

17. JavaScript Code for Help Page via Browser Window The following HTML/JavaScript snippet opens a page in a 424x411 window upon clicking an image: Information regarding George Washington is available. 17

18. Popup Message Within a Browser Window It is also possible to popup a browser window to a new page by clicking a Field Note icon. The icon must be referenced from an external site. 18

19. JavaScript Code for Help Message via Browser The following HTML/JavaScript snippet opens a custom message in a browser window upon clicking an image: Not Hispanic of Latino 19

20. Alert via Field Notes For small amounts of text, an alert can be displayed via a Field Note. The text is specified within the field note itself and does not need an external web site to function. 20

21. JavaScript Code for Alert Dialog The following HTML/JavaScript snippet displays text via a standard Alert Dialog upon clicking a link. Notice that “ \n ” specifies a line break between the words “Electronic” and “Data”: For assistance, see help dialog. 21

22. Simple jQuery Dialog A simple jQuery dialog can be specified to display help information. 22

23. Code for Simple jQuery Dialog The following HTML/JavaScript snippet displays text in a simple jQuery dialog upon clicking an image: Not Hispanic of Latino 23

24. Robust jQuery Dialog Several options can be added to the jQuery dialog that add features like a title and an “Ok” button. 24

25. Code for Robust jQuery Dialog The following HTML/JavaScript snippet displays text in a jQuery dialog containing a title and an “Ok” pushbutton: Not Hispanic of Latino 25

26. Monthly REDCap Newsletter  Upcoming Training  Walk-in Hours Schedule  Helpful Tips  New REDCap Functionality  Frequently Asked Questions (and answers)  REDCap Best Practices REDCap LISTSERV Subscription:  https://list.uiowa.edu/scripts /wa.exe?SUBED1=REDCAP&A=1 https://list.uiowa.edu/scripts /wa.exe?SUBED1=REDCAP&A=1 REDCap Newsletter 26

27. REDCap Documentation Training within REDCap:  FAQs (Help & FAQ Tab): https://redcap.icts.uiowa.edu/redcap/ index.php?action=help  Video (Training Resources Tab): https://redcap.icts.uiowa.edu/redcap/ index.php?action=training Local REDCap documentation: https://icts.uiowa.edu/confluence/displa y/ICTSit/REDCap 27