Library:LTK Manual Widgets

From UBC Wiki

What is a widget?

A widget is the container for smaller pieces of content that make up an entire guide. Widgets are defined by functionality and content. The LTK contains five separate widgets. Choose your widget based on the type of information you want to display. The five widgets available within the LTK are: Embed, RSS, Resource Links, Text and Image, and UBC Wiki.

Create a Widget

Generally, you will work with widgets within the context of creating your pages, but you can also choose to build widgets independently to be embedded into a blog or website. For information on creating widgets from inside a page, visit the Pages section of the LTK Manual.


Create an Embed Widget

Use an Embed widget when you want to include embeddable java script. For example a You Tube or Vimeo video, a meebo chat box, a delicious tag cloud, etc.

To create an embed widget:

  1. Click the Widgets Tab in the LTK.
  2. Mouse over Create Widget and select Embed from the drop down menu.
  3. Click in the box Internal Name and give the widget a meaningful name.
  4. If you would like your widget to display a title, click in the Display Title box and enter a title.
  5. Click in the box Embed Code and go to the original website and cut & paste the embed code. In You Tube you can copy the code from the "Embed" box — you can find it in the "About This Video" box when you're watching the video. See this short video for a quick demo [1].
  6. You can add the Credit information in the text field, e.g., original Creator, source link, etc.
  7. You can add details about the video in the Description box.
  8. In the Tags box enter a keyword(s) to help you locate the widget within the LTK.
  9. Click on Save Widget at the bottom right hand side of the screen.


Sample APA You Tube Citation:
Prod. You Tube Help Channel(no date). Embedding Private Videos[Video File]. Retrieved on Web. 16 June 2010. <http://www.youtube.com/profile?user=YouTubeHelp#p/a/u/2/Xj-L5_R4FVQ>.


Create an RSS widget

Use a RSS widget when you want to include dynamically updated information.

To create a RSS widget:

  1. Click the Widgets Tab in the LTK.
  2. Mouse over Create Widget and select RSS from the drop down menu.
  3. Click in the box under Internal Name and give the widget a meaningful name.
  4. If you would like your widget to display a title, click in the Display Title box and enter a title.
  5. If you are interested in a New Books @ UBC Library feed, click on click here! and fill out the form to generate an RSS feed.
  6. Click on the box under Feed URL and enter the RSS feed URL.
  7. Customize the display options to your preference.
  8. In the Tags box enter a keyword(s) to help you locate the widget within the LTK.
  9. Click on Save Widget at the bottom right hand side of the screen.


Create a Resource Links Widget

Use a Resource Links Widget when you want to include a list of resource links. For example, a list of databases.

To create a Resource Links Widget:

  1. Click the Widgets Tab in the LTK.
  2. Mouse over Create Widget and select Resource Links from the drop down menu.
  3. Click in the box under Internal Name and give the widget a meaningful name.
  4. If you would like your widget to display a title, click in the Display Title box and enter a title.
  5. Click on the box under Link URL and enter the URL. i.e. to a website, or to the database Information Page.
  6. Click in the box Link Title. This will cause the Get Resource Title and Description button to appear.
    1. To import the title and database description from a webpage, click the Get Resource Title and Description and the information will automatically populate the next two boxes. Please not, for database information pages, if there is no "short description" filled in on the information page, no description will be imported. The SGIT recommends filling in the short description in ColdFusion for future use.
    2. Alternatively you can manually enter the title and description.
  7. If you want to add another resource link, click on the blue Add Link button and repeat the previous steps.
  8. Please Note: Only check the Use EZProxy? box, when linking directly to articles or ebooks. Do not click on this box if you are linking to an Information Page or an ebook record in the catalogue, as these will prompt the user to authenticate.


Create a Text and Image widget

Use the Text and Image widget when you want to include descriptive or explanatory information and/or add an image.

To create a Text and Image widget:

  1. Click the Widgets Tab in the LTK.
  2. Mouse over Create Widget and select Text and Image from the drop down menu.
  3. Click in the box under Internal Name and give the widget a meaningful name.
  4. If you would like your widget to display a title, click in the Display Title box and enter a title.
  5. Enter your text and/or image in the Content box (see below for more detailed instructions for adding images).
  6. In the Tags box enter a keyword(s) to help you locate the widget within the LTK.
  7. Click on Save Widget at the bottom right hand side of the screen.

To insert an image:

  1. Click on the insert an image icon (square with a tree in the middle) on the Content menu bar.
  2. Clicking on the icon will launch the Moxiecode Image Manager.
  3. Navigate to the folder that you would like the image to reside in (see the Guidelines section for naming of image folders).
  4. Once you have navigated to the appropriate folder, click on the Upload icon in the top, right hand corner.
  5. In the upload window, click on Choose Files.
  6. In the open window, select the image file(s) on your computer that you would like to upload.
  7. In the upload window, the selected file(s) should appear with an upload to server button, click this button.
  8. The uploaded image can be edited by clicking on the up arrow at the bottom, right hand side of the image. The image editor allows you to crop, resize, flip and rotate.
  9. To add the image to the widget, click on the image.
  10. Having added the image to the content box, you can now add descriptive text and/or an attribution. Standard image citations can include: Artist's Name (First and Last), Title and Date, Museum Name and Location.

Sample Image citation:
Mary Cassatt
The Bath, 1890-91
Scan by: Mark Harden's Artchive


Create a UBC Wiki widget

Use a UBC Wiki widget to import content from a UBC Wiki page.

To create a UBC Wiki widget:

  1. Click the Widgets Tab in the LTK.
  2. Mouse over Create Widget and select UBC Wiki from the drop down menu.
  3. Click in the box under Internal Name and give the widget a meaningful name.
  4. If you would like your widget to display a title, click in the Display Title box and enter a title.
  5. Add the url for the UBC wiki page you want to import.
  6. In the Tags box enter a keyword(s) to help you locate the widget within the LTK.
  7. Click on Save Widget at the bottom right hand side of the screen.


Edit a widget

To edit a widget:

  1. Click onto the Widget tab.
  2. Scan your existing widgets.
  3. Click on the Edit button below the appropriate widget.
  4. Edit and save the resulting widget.

You can also edit a widget within a page:

  1. Mouse over the top right hand side of your widget.
  2. Click on the Edit this Widget icon (looks like a paper and pen).
  3. Edit and save the resulting widget.


Clone an existing widget

You can clone the content and layout of an existing widget, allowing you to retain the original and edit a copy. For example, you may want to add additional resources to a list of core article databases for a specialized guide.

To clone a widget:

  1. Click onto the Widget tab.
  2. Scan your existing widgets.
  3. Click on the Clone button below the appropriate widget.
  4. Re-title, edit and save the resulting widget.

Please note: the default title is changed to include the word "clone". E.g., Clone of English articles widget.


Delete a widget

You can delete a widget from your list of widgets:

  1. Click onto the Widget tab.
  2. Scan your existing widgets.
  3. Click on the Delete button below the appropriate widget.
  4. You will be prompted to answer the following question: "Really Delete?", before the page will be deleted.
  5. Click OK.


Filter widgets

You can select a widget to view by the filter options.

  1. To filter By Title, type the title of an existing widget.
  2. To filter By User, type the name of the person who created the widget.
  3. To filter By Branch, select the name of the branch that owns the widget.
  4. To filter by Widget Type, select the type of widget.
  5. To filter by Tag, type in a keyword.


Back to LTK Manual Home

Retrieved from "https://wiki.ubc.ca/index.php?title=Library:LTK_Manual_Widgets&oldid=62988"