Tweaking the Content Inside of Snippets Using Conditions

Snippet conditions are condition tags that you can apply to content within snippets. With snippet conditions, you can separate certain snippet content so that it displays in some places but not in others. This allows you to use one snippet for many purposes, rather than having to create multiple snippets. Whereas regular conditions are included or excluded at the target level, snippet conditions are included or excluded at the topic or master page level.

Let’s say that you have a table that you use in several topics. Rather than adding that table manually to the topics, you create a snippet and add that snippet to all of the topics. Now suppose that you need a variation of the table in only a couple of the topics that the snippet is in. Simply apply conditions to certain rows in a snippet’s table and exclude them in the topic properties that you do not want the content to display in.

How to set it up:

To set this up we will need to create a couple of topics, a couple of conditions, and a snippet, and then put them together.

Creating the project and topics:

  1. Create a new Flare project using the “Empty” template and select WebHelp as the target type.
  2. Press [ctrl]+[t] to create a topic and name it Letters.  Press [ctrl]+[t] again to create a second topics and name it Numbers.
  3. Open the Master TOC (View > Open Master TOC) and add these two topics to it by dragging them into it.
  4. Save All
    Content Explorer and TOC

Creating conditions:

  1. Go to the Project Organizer and open the Conditional Text folder
  2. Double-click to open “Default” in the Conditional TagSet Editor
  3. At this point you can create two new conditions or rename the existing ones, since they are not used in this project. Either create or rename the existing conditions to “Letters” and “Numbers”.  If you want select new colors for them.
  4. Save All
    Conditional Tags

 Creating a snippet and adding it to each topic: 

  1. Create a snippet: Project > Add Snippet…
  2. In the snippet delete everything and add a table with at least two rows and content in each one.
  3. In the block bar, right-click on a table row (tr) and select Conditions…
    Apply Condtions
  4. Apply the conditional tag “Letters” to the rows with letters and the conditional tag “Numbers” to the rows with numbers. If you have condtional indicators turned ‘on’ (View > Show > Show Conditional Indicators) you should see the table appear in the editor like this:
    Table with Condtions
  5. Now just open the two topics (“Letters” and “Numbers”) in the editor and add the snippet to each one: Insert > Snippet…

Setting the Snippet Condition on each topic:

  1. In the Content Explorer, right-click on the “Numbers” topic and select Properties…
  2. In the Properties dialog, click the Snippet Conditions tab and set the Default.Letters tag to Exclude.
    Exclude Conditional Tag
  3. Now do the same thing for the “Letters” topic, but this time you will be excluding the Default.Numbers tag.
  4. Save All
  5. Open each topic in the editor.  Notice that the corresponding rows are gone from the editor.  Note: If your table seems to have a background color, remember that we turned ‘on’ the conditional tag indicators in a previous step, just turn them ‘off’ again (View > Show > Show Conditional Indicators).
  6. Build and view the output to see that the content is removed appropriately.

For more information on snippet conditions go to Flare’s Online Help: http://madcap.us/j6COY9

To download the sample project, click here: Snippet Condition Sample Project

Posted in Flare, MadPak, Tech Comm, Tips & Tricks | Leave a comment

WebHelp Mobile as a Mobile Performance Support Application

Nad Rosenberg (President, TechWRITE, Inc) recently challenged us by asking if we had a way of converting our WebHelp Mobile output to a Mobile Performance Support Application. After a brief conversation and a couple mock ups, we found a way to easily post process our WebHelp Mobile to fit the bill.

A performance support application provides the information people turn to on the job when they’re unsure about what to do, need reminders, or they’re looking for a solution to a problem.

Flare’s WebHelp Mobile output is a good solution because it comes with the coding needed to fit different types of mobile devices AND it includes SEARCH (which if you create a do-it-yourself mobile performance support application, you have to spend a lot of time, money and/or energy to get a search service working). Flare gives this to you “out-of-the-box.”

Our WebHelp Mobile provided most of the solution, but needed the TOC to be the default page in the application. Below are the steps to accomplish this.

Create and Set Up a Mobile Target and Skin

The first part of the process is to create a Mobile target and skin, then set them up.

  1. Create a Mobile target and skin
  2. Open the skin and go to the General tab
  3. In the Caption section, type the name of your application
  4. In the Features section, select the TOC and the Search option (Note: The search option is optional).
    Skin Settings
  5. Save All

Generate and Post Process the Output

The next part of the process is to copy the advanced folder from the output to a new location then edit one of the files. The advanced folder contains the WebHelp Mobile output for newer devices(at the time WebHelp Mobile was released).  Most devices should already be using the advanced folder behind the scenes.

  1. In the copied folder open the Resources folder
    Windows Explorer
  2. Open the Toc_0.htm file in notepad
  3. Select the <ul> and everything down to and including the </ul>
  4. Copy the selected content and close notepad
  5. Go “up” a directory
  6. Open the Default.htm file in notepad
    Windows Explorer
  7. Select the <ul> and everything down to and including the </ul>
  8. Paste the content from the clipboard, overwriting the existing content
  9. Save
  10. Press [ctrl]+[h] on the keyboard to open the find and replace dialog
  11. Find ../ and replace with nothing, leave the field blank
  12. Replace All
  13. Find Toc_ and replace with Resources/Toc_
  14. Replace All
    1. Note: This is case sensitive so notice what case your “Resources” folder is and match it here
  15. Save
  16. Close notepad
  17. Open the Default.htm in your browser to test the links
  18. Copy or FTP the files and folders to the desired location

Notes:

  • If you named the output file in the target you will not have a “Default.htm” file in your output folder, just edit the .htm file in the folder, it should be the only one there.
    Target Setting
  • If you have to support older phones, you will have to copy the full output folder structure (not just the ‘advanced’ folder) and do these steps for both folders.

About Nad Rosenberg:

  • Before starting TechWRITE in 1985, Nad managed documentation departments for several large corporations. She is a graduate of Carnegie Mellon University, an Associate Fellow at the Society for Technical Communication, on the Board of Directors of the Plain Language Association InterNational, and a Past President of the Philadelphia Metro Chapter of the Society for Technical Communication. You can contact Nad at twnad@techw.com or 856-848-6593.

 

Posted in Flare, Tech Comm, Tips & Tricks | Leave a comment

Tips and Tricks: Different Icons for Different Pages in a WebHelp TOC

We have had a couple of requests from folks asking how to change a handful of books or pages in a WebHelp TOC.  The reason for this is that they want a different icon displayed when linking to multimedia, PDF files, spread sheets, etc. To do this all you have to do is create a style class for the TOCEntry Style in the skin.

Before you begin it would be good to get the different icons that you may need.  They should be around 16 px x 16 px unless you want to change the line height of the TOC items.

Steps:

1. Create a style class in the active WebHelp skin

  •  Open the skin that you use for WebHelp from the Project Organizer (Project Organizer | Skins | Double-click).
  • Click on the Styles Tab and then right-click on the TOCEntry Style.
    Create Class
  • Select Add Class from the UI and name the class.  In this sample we created two styles, one named PDF and one XLS.
  • Select one of the classes that you just created and open the TocIcons Property Group.
  • You will see the property TocIcon.  Click the drop-down and then browse for the image that you want to use for this file type.
    Topic Icon
  • Do the same for the other class that you created.
  • Save all.

2. Apply the style to the desired TOC items

  • Open the TOC that you want to edit (Project Organizer | TOC | Double-click the TOC that you want to open).
  • Right-click on the TOC Page that you want to change and select Properties.
  • On the General Tab, select the one of the classes that you just created and click OK
  • Save all

Note: You will not see the changed icons in the TOC editor in Flare.  Once you compile the help you will see the changes.

3. Build and View the output

All that is left to do is to build the WebHelp output that uses the TOC and skin that you set up.

 

Posted in Flare, Tech Comm, Tips & Tricks | Leave a comment

Tips and Tricks: Using Conditions in MadCap Flare

This blog post was converted from a document sent to us by Robin Kanowitz.

Robin is a technical communicator in Scandinavia and is based in Copenhagen, Denmark. He has worked in the technical communication industry for more than two decades, and has been using MadCap Flare since Beta 0.9. If you have any questions regarding this document, Robin can be contacted on the MadCap Software forum via his user name rkiskan.

Introduction

Resumé

Conditions in MadCap Flare projects can significantly increase the reusability of your project content. Besides simply including or excluding conditions in your project’s targets, you should be aware of the basic issues when working with conditions. This document explains some of the most significant issues when starting‐out with MadCap Flare conditions.

Audience

This document is targeted at MadCap Flare users that define and manage Flare projects, the content therein and the generating of project targets.

Before you start…

This document ‐ Top Tips when using Conditions in MadCap Flare ‐ is supplementary to the earlier document Maximizing Productivity with MadCap Flare Conditions. This document does not explain the implications of applying conditions to project content, but it explains the issues that need to be considered when defining and managing these conditions. All the descriptions in this document are based upon MadCap Flare v.7.2.0.

Sample project

The examples used in this document are based upon a very simple Radio stations MadCap Flare project. The project has several topics. In its most simple form the content and ToC appears as follows:

Content Explorer

A set of conditions have now been applied, these are defined in the PrdCndx condition file. There are thirteen conditions. This may seem a lot of conditions to manage, but the following sections explain how easy this is to comprehend when using an appropriate content approach. The conditions are applied at topic level and the condition set and topics now appear as follows:

Conditional Tag Set

The main focus will be on file and ToC conditions and the inclusion of multiple topics is simply to provide a project with some content. Later sections in this document include examples where actual topic content is conditioned.

Tips & tricks

1. Backup your work

Whenever you create conditions, apply conditions or rename conditions, ensure that you have a backup of your project prior to making these changes. Unraveling the effects of tagging, and even worse a search and replace, can be extremely time consuming and frustrating. It is often much easier to revert back to a previous saved version than undo changes. If you are using a version control system on your project then you can use it to full advantage here.

2. Use rock‐solid names for your conditions

When creating a condition set, in our example PrdCndx, make every attempt to use timeless and unique condition tag names. Avoid the common pitfalls when naming your condition tags, for example:

  • Do not use generic words as condition tag names
    Using Introduction, Basic, Advanced etc. for condition tag names can be problematic. If you later decide to rename this condition tag with a Search and Replace function, then you may be swamped with multiple hits of the these words in your project content and may erroneously replace this content.
  • Do not use condition tag names that are subsets of other condition tag names
    For example, if you have a condition named SysAdv, then do not create a tag named Sys. If you decide to perform a Search and Replace on the Sys tag by searching for Sys, then you may inadvertently change the name of SysAdv tag.
  • Do not use product names as condition tag names
    No matter how much we like to believe that they are immortal, products have limited life and sooner or later you may find yourself using outdated and nonsensical condition names in your Flare product structure. Rather base your condition names on well‐established concepts and/or functionality.
  • Avoid NOT in condition tag names
    Avoid conditions with NOT in their names. For example if a condition is named NOT_Trnscvr, then using an Exclude NOT_ Trnscvr in a target can be extremely confusing. How does this compare to Include NOT_ Trnscvr, Exclude Trnscvr and Include Trnscvr. Use simple positive condition tag names and exclude or include these as necessary in the target.

This may sound easier than done, but the following is an example on how to satisfy these criteria.

Firstly, use non‐vocal condition names appended with a suitable identifying suffix such as Cndx (for Condition). For example, if you need a condition to identify radios, then you may be tempted to use the word Transceiver as the condition tag name. This may be a very common word and appear in the topic content, which can create problems when performing a find and replace on the condition tag name. Rather use a limited‐vowel version such as TrnscvrCndx - this is still readable as Transceiver Condition. Your readable project content would probably never have the word TrnscvrCndx in it and you thereby avoid the risk of replacing Transceiver in the standard content at a later time.

Secondly, if you know that there are various types of transceivers, then create and name tags TrnscvrMblCndx (for mobile radios), TrnscvrBsCndx (for base station radios) etc. This avoids using condition names that are subsets of other condition names.

Compliance with these first two issues can be seen in the following tag set:

Conditional Tags

Thirdly, if we have a radio product called Satellite Super One we do not create a condition tag named Satellite Super One and apply it to all content relevant for that specific radio. This may work in very simple projects, but it is a short‐term solution as usually more products will be added and the conditioning for multiple models will be overlapping and confusing. Rather let the tags be named according to functionality that define the content possibilities, for example, if it is a mobile radio, then the topic has the TrnscvrMblCndx tag. The following example is the MobileStation.htm topic.

Topic Block Bar

The topic itself is tagged with the TrnscvrMblCndx tag. The See also section has three bullets, each tagged with relevant tags, AmpMblCndx, AntMblCndx and PwrSplyMblCndx. This means we can create targets for mobile radios that suite each model according to their functionality - include or exclude mobile amplifiers, mobile antennas and mobile amplifiers. If we did not do this and if only some mobile radios support amplifiers, antennas and/or power supplies, then we would be forced to tag the bullets with conditions based upon each product model being considered and add modify these taggings whenever new products were developed, modified or removed.

Fourthly, do not define functionality via NOT tags. We do not create a NOT_ TrnscvrMblCndx and apply that to base station radios. We simply identify base stations with the TrnscvrBsCndx tag and we include and exclude it as necessary. When creating a target for a mobile radio we simply exclude the TrnscvrBsCndx tag and include the TrnscvrMblCndx tag. This is described in the following point.

3. Let targets define the product

Your Flare project is usually delivered for a particular product or service. As mentioned previously, conditions should be used to tag relevant types of functionality or concepts. They should not be used to define products. This means that a specific model of radio, for example Super Satellite One, a mobile radio that supports mobile amplifiers, mobile power supplies and mobile antennas has a target that includes and excludes the topics via inclusion or exclusion of the relevant conditions.

Flare Project

The project targets - one for each model or product - include or exclude the appropriate content. The targets can be seen as self-documenting, that is they document the product makeup, rather than you trying to include product-named conditions in the content itself. The target is a straight-forward indication of what the product includes and excludes.

4. Change condition names in all relevant files

If you need to change the name of a condition, then you can change this in the condition set definition, however this only affects the content of the .flcts file. Typically you need to apply the changes in the .fltar,.htm and .flsnp files. These are not automatically updated when the condition name is changed. In brief:

  • Condition sets
    You can change the name of the condition in the .flcts file with the condition editor. You can also edit this file manually, for example by using Windows Notepad or the Flare internal text editor. The following image depicts the underlying content of the condition tag set file. Note that each condition is included in a ConditionTag which contains the tag’s color, name and content.
    Conditional Sets
  • Targets
    The use of the condition in the various .fltar files must be updated. The name of the condition is updated when the name in the .flcts file is modified, but the Include and Exclude selections need to be redone as they will be cleared. This implies redoing the selections in each target file, but can also be done using Windows Notepad or the Flare internal text editor. The following image depicts the underlying content of the Super Satellite One target. The highlighted section shows the included tags. Note, the condition names in the .fltar file are prefixed by the condition set name, in this example Default. and PrdCndx.
    Targets
  • Topics and snippets
    You can change the condition name in .htm (topic) and .flsnp (snippet) files by manually retagging the content, though using the Search & Replace function in Flare is far more effective. The following image depicts how condition tags can appear in topic content. They can appear at html tag level (for the entire topic) or at paragraph or even at character level. They can also appear in table definitions as well as other places. In this example topic there are four condition tags. When using the Find and Replace function, ensure that Find in is set to (whole project) so that all occurrences of the condition tag name tag in the project are considered. Find what would be set to the old condition tag name and Replace with to the new condition tag name. The same approach is relevant when considering snippets (.flsnp files).Find and Replace
  • Indexes
    If you have applied conditions to index entries then these also need to be considered. Simply changing the condition name in the condition set does not modify the condition name on the index entry (in the topic or snippet). They must be modified as part of topics and snippets as mentioned earlier.
  • Table of contents
    If you have applied conditions to entries in a Table of Contents, then the ToC (.fltoc) files also need to be considered. Simply changing the condition name in the condition set does not modify the condition name on a ToC entry. You can manually retag the ToC entries, however the old tag name will still be associated with the ToC entry. It is best to manually edit the underlying XML in the ToC files, for example by using Windows Notepad or the Flare internal text editor.
  • Images
    If you have applied conditions to images then the content of the .props file for each affected image must be modified. The .props files are not apparent in the Content Explorer, but can be seen, for example, in the MS Windows Explorer.Documents LibraryEach tagged image file has a corresponding .props file, for example HandHeld.jpg has HandHeld.jpg.props. The content of this particular .props file appears as follows:
<?xml version="1.0" encoding="utf-8"?>
<fileProperties conditions="PrdCndx.AntHndHldCndx" />

Simply changing the condition name in the condition set does not modify the condition name in the .props file. You can retag the image, however the old tag name will still be associated with the image. It is best to edit the .props files manually, for example by using Windows Notepad or the Flare internal text editor.

There are other types of project‐level files where conditions can be applied, for example Import files, Skin files, Variable files, Glossary files etc. These files can be accessed from the Project Organizer and would be managed similar to those mentioned above. However, whether or not you have used these files depends on the nature of your specific project.

5. Use Flare reports to identify relevant conditions

The previous step explained the implications of modifying tag names. Even after making such changes, old unused tag names may still exist in the content and new tag names may not have been applied where required. Flare includes a series of reports that are extremely useful to identify where conditions have been applied. These reports cover all files in the project, including those in the Project Organizer.

Reports

  • Identify content where tags have not been renamed
    If you have renamed a tag, then use the Applied Conditions report to quickly locate any content where the old tag name may be still be applied. The old tag name can appear if you used the Search and Replace function and inadvertently skipped some conditioned content.
  • Cleanup unused conditions tags
    Use the Undefined Condition Tags report to remove unused condition tags from the project.

Note, even if you make condition changes to your content, simply rerunning a report may not reflect these changes. This is because Flare scans and analyzes the content at regular intervals, and only after such a rescan will the report provide the correct results. To bypass this limitation, simply close and reopen the project and then regenerate the report.

6. Clean the Build content before viewing the results of a condition change

Always use the Build > Clean Project function to remove old build content prior to generating a target, especially following condition changes. There can be caching issues in your computer that cause content from “old” conditions and taggings to appear.

Clean Project

7. Build reports show errors even when content is conditioned for exclusion

When a target is being built a first check ensures that all referenced files exist. Only when this check has completed are the conditions considered. For example, if you have a topic that includes a drop down section and:

  • the drop‐down includes a snippet and
  • the snippet is excluded by conditions and
  • the snippet file is not in the project, for example it has never been imported.

You would expect this to be acceptable, namely the file need not be in the project because it is excluded by conditions. However, the build log lists this with a missing file error, even though the drop down content (snippet) is conditioned for exclusion and it is effectively an empty drop‐down.

8. ToCs in generated target give broken links unless conditioned correctly

Consider a book in a ToC that includes multiple topics. If one of these topics does not exist in the project, for example it was not imported as it would be excluded anyway, then the ToC will show the topic entry, but the link will be broken in the generated output. On the other hand, if all the topic files in a book are missing, then the book is effectively empty and empty books do not appear in the generated ToC.

You can avoid these broken links by ensuring that the ToC entries are tagged with the same condition name tags as the referenced topics. This will ensure that the ToC entry is excluded if the topic is excluded.

9. Import files do not always consider conditions on images

Conditions applied to images are saved in a .props file. For example an antenna.jpg has a corresponding antenna.jpg.props file with its conditions.

If you are using Import files in your project, and these are configured to import images, then changing conditions on images and reimporting the images does not prompt with image as an update candidate. To force the updated image (and conditions) into the target project you must manually select the image file in Accept Imported Documents window.

Accept Imported Documents

This will also update the .props files in the master project (the project being imported into). Note that due to caching issues the color code on the imported image may not reflect its new conditions, this sometimes requires a restart of the computer.

10. Use Import file names that reflect your conditions

If your project is constructed by importing various subprojects and these subprojects reflect the content for a specific condition, then for understandability purposes assign each import file a name that clearly associates it with the condition concerned. This makes the associations between conditions, import files and exclusion and inclusion of conditions in the project target(s) much more logical and understandable.

Concluding comments

The possibilities and alternatives with MadCap Flare conditions are vast. There is no single preferred approach, but experience will lead you to a strategy that is suitable to meet your needs. This document has attempted to outline some of the most basic issues encountered with MadCap Flare conditions, there are many more, but by prudently taking the first steps will put you on the right track to effective content management and production.

Posted in Flare, Tech Comm, Tips & Tricks | Leave a comment

Using Flare to Build Field-Level Context-Sensitive Help

Flare is great for general Help and for context-sensitive Help. But you may not know that you can build general Help, page-level CSH, AND field-level CSH.

Field-Level Help

There are a few steps (some optional) that are involved with creating field-level Help. Once completed, your developers can easily connect the forms to the Help system.

You can create an entire Help system just for form-based Help or you can have topics in your existing Help system that are defined for just the Help calls from your form. This example will assume that the field-level topics are going to live in an existing Help system.

For the Existing Site:

    1.  Log on screenYou’ll need to identify the fields that you will be tagging with Help. A good rule would be to only add tags to fields that are not self-explanatory.

 

  1. Once you’ve identified the fields, you’ll need to define a way to suggest to the users that there is Help for the field.  Usually an image will do.

Tip: It may be good to have a few different sized images to match with different sized elements.

  For the Flare Project:

    1.  Content Explorer FolderCreate topics to be used for the field-level Help.  It may be useful to keep these separate from existing topics or other field-level topics by storing them in a separate folder.  You can style them differently than the rest of your content, exclude them from the search database so they do not appear in search results, etc.

 

    1. If you are using master pages, you may not want the field-level topics to have breadcrumbs, headers, footers, topics toolbars, etc.  It is a good idea to create a new master page and apply it to just these topics.
      1. Create a new master page and name it something meaningful: Project > Add Master Page > Choose ‘MasterPage.flmsp’. In this sample it was named FieldLevelTopics.
      2. In the master page editor, remove every proxy except the “topic body proxy”. Save.
        Master Page

 

      1. Open the stylesheet from the Content Explorer and find the HTML style, select it.  Right-click it and create a class called FieldLevelTopics. In the Unclassified section, find mc-master-page and select then new master page (FieldLevelTopics) from the drop-down. Save.
        Styles

 

    1. Now you can apply the FieldLevelTopics class to field-level topics.  At this point you can also remove them from the search database too.
      1. Open the File List: View > File List
      2. Select all of the topics that are in the Field-Level Topics folder, right-click and select Properties.
      3. In the Properties dialog set the Topic Style Class to the html style that you created FieldLevelTopic. You can also remove the topics from the search database.  Press OK once you set the desired options.
        Topic Properties

 

    1. Now you will want to change how these topics are displayed.  You will do this by creating a skin for these specific CSH calls.
      1. Create a skin for the the field-level Help calls: Project > Add Skin… Name it “FieldLevelTopics“.
      2. Set the following settings in the new skin. Note: some of these are optional and may or may not work for you, depending on how your developers define the popup.  These are the settings that I used for a simple JavaScript popup.
        1. General tab: Only check the “TOC” option in the Features section.  All of the other settings in this dialgo should be un-checked.
        2. Size tab: Set the Width to be 300 px and the Height to be 200 px.  Everything else should be “0″ or un-checked.
        3. About tab: Un-check this option.
        4. WebHelp Setup tab: Check the options “Hide Navigation Pane on Startup” and “Exclude Accordion Title”. Un-check any of the browser settings that you don not want, most likely all of them.
        5. WebHelp Toolbar tab: Make sure that there are no items listed in the “Selected” column.  This shouldn’t affect the project, but it is good to be sure.
        6. Topic toolbar tab: Again, make sure that there is nothing in the “Selected” column
        7. Styles tab: If you want to remove or change the header with the company logo, you would do it here.  Under the “Frame” style select the “Toolbar” class.  You will see options under a “General” node to the right.  If you want to remove the pane, set the Height to “0 px”. In this example, we will leave it as is “28px”.
          Skin Styles
        8. Save All

 

    1. Now set up the Alias file so the developer can link the fields to topics in the Help system. This is done by opening your alias file, adding your field-level topics to it and assigning unique Identifiers.  Make sure that you apply the FieldLevelTopics skin to the Identifiers.
      Alias

 

  1. Now just build and test the output with a WebHelp Target: Build > Test CSH API Calls.
    Build and Test

    If prompted to build the target, click OK. If you have to build, when it’s done, go back to Build > Test CSH API Calls and click. This window will open:
    CSH Test
    Find one of your field-level CSH calls and click Test.

    My new field-level CSH call looks like this:
    CSH Test Results

 For the Developers:

  1.  You will need to provide them with a list of the identifiers so they know which ones to use and for which fields. This is done by suppying them with the header file: Build > Export Header Files…
  2. They will need to write a link to call the popup code and the CSH Identifier.  This sample is a JavaScript popup:

<a href=”#” onclick=”return pop(‘MyWebHelp/Default_CSH.htm#TL_Name’)”> <img src=”Help.jpg” border=”0″></a>

When you click on the “?” image, a popup with the field-level Help topic will appear.

Field-Level Help

Developers can change the look and feel of the popup framework depending on their code and development language used for the application.   The above image just uses simple JavaScript to open a new browser window (a little more code is needed but not shown).

Thanks to Laura Johnson for assistance with this blog post.

The following link is a sample project that contains the files and settings outlined in this blog post: FieldLevelHelp

Posted in Flare, MadCap Software, Tech Comm, Tips & Tricks | Leave a comment