Skip to Main Content

Widgets: Quick Answer Widget

Overview

Quick Answers provides a number of widgets you can use to embed QA content in other systems. 

The widgets include:

  • search boxes

  • individual questions

  • topic lists

  • FAQ lists

Springshare Help

Add Widget to LibGuides

Once the Quick Answers widget is created in LibAnswers, add it to LibGuides using the LibAnswers Widget content item.

Adding Quick Answer Widgets to LibGuides

  

Search Boxes

The search box widget allows you to embed a QA search box anywhere you can add javascript.

There is a default search box for each department, pre-coded with the appropriate look and feel. 

The widgets are titled QA Website Search: <department name>.

If you need a different search box, contact the Content Management director for assistance.

Embedded Answers

You can embed an individual answer anywhere you can put HTML code. 

Note: You cannot modify the embedded answer in any way.

 

Embedded Answer Widgets

By default, the embedded Quick Answer includes the question and answer headings, the topics, and a dividing line between the question and answer.  These elements can easily be hidden with HTML code (provided below).

 

Examples

Default embedded answer in Quick Answers:

 

Embedded answer with headings, question, topics, and line hidden:

Pop-up Answer

There are two options for embedding an answer, topic list, or FAQ list with a button. 

  • pop-up button on the page
  • slide-out button on the side of the screen

 

Pop-up button

 

Slide-out button

See button on the right edge of the webpage.

HTML Code to Hide Embedded Answer Elements

You can hide various pieces of the embedded answer by adding HTML to the Custom CSS box in the Create a Widget page.

The code to hide common items is below.  If you would like to hide a different part of the answer, contact the Content Management director for assistance.

 

 Element  Code to hide element
question header div.s-la-widget-header h1 {
    display: none;
}
topic list div.s-la-faq-listing-meta.s-la-faq-listing-topics {
    display: none;
}
last updated, topics, views div.s-la-faq-listing-meta {
    display: none;
}
answer header div.s-la-faq-answer h2 {
    display: none;
}
line dividing question and answer strong span span {
    display: none;
}