GithubHelp home page GithubHelp logo

ctsit / field_notes_display Goto Github PK

View Code? Open in Web Editor NEW
3.0 11.0 6.0 21 KB

Provides alternative display modes for REDCap field notes via an action tag

License: Other

PHP 42.71% JavaScript 57.29%
redcap redcap-external-module redcap-repo

field_notes_display's Introduction

REDCap Field Notes Display

Provides alternative display modes for field notes. This module adds an action tag @FIELD-NOTES-DISPLAY that takes one of three parameters, hover, tooltip, or popover to determine how the field note should be displayed.

Prerequisites

Installation

  • Clone this repo into to <redcap-root>/modules/field_notes_display_v<version_number>.
  • Go to Control Center > Manage External Modules and enable Field Notes Display.
  • For each project you want to use this module, go to the project home page, click on Manage External Modules link, and then enable Field Notes Display for that project.

How to use

Once the module is activated on a project, the @FIELD-NOTES-DISPLAY will be available in the action tag help text of the Online Designer. Add @FIELD-NOTES-DISPLAY to any field where you would like to display the field note using one of the three display modes. Specify the display mode you would like to use as a parameter to the action tag. Valid display modes are hover, tooltip, and popover. Provide the content of the field note as usual.

Example:

Add the following syntax in the Action Tags field, then the field_note is hidden from the view and it is shown on hover over the field name.

@FIELD-NOTES-DISPLAY="hover"

And similarly, if it is required to show the field_note only on the tooltip or popover, use @FIELD-NOTES-DISPLAY="tooltip" or @FIELD-NOTES-DISPLAY="popover" respectively.

field_notes_display's People

Contributors

marlycormar avatar pbchase avatar suryaprasanna avatar tbembersimeao avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

field_notes_display's Issues

Popover does not work

Robert Geller reports:

Subject: Field Notes Display - v1.1.2

... We were trying to use this EM on LTS 13.7.31 and find the hover and tooltip work for us, but the popover does not. We see the "?" displayed but nothing happens when we click on it. ...

Popover not interpreting html

Hi ! Thx for the REDCap module !

I'm trying to use the popover to display help inclunding a link.
I'm using :

<a href="http://google.com" target="_blank"> foo </a> and it displays raw html when the popover displays.

Tooltip not displaying for multiple questions

Hello,

Great module, thanks for developing it.

I'm experiencing an issue where if I have a page with multiple question using the @FIELD-NOTES-DISPLAY="tooltip" command, only the last question in the series will actually display the help icon with the tooltip. Is this an issue with how I've set up the questions or could this be a bug?

Many thanks,
Si

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.