Browse Lab Knowledgebase - Powered by HelpConsole 6

Products

Demos

Support

Company

Download

Pricing

Contents

Knowledgebase
HelpConsole 6
HelpConsole 2012
HelpConsole 2010
HelpConsole 2008
HelpConsole 6 Help
- HelpConsole 6 Help
- Getting Started
  - How to Order
  - How to Get Support
  - What is a Static Help System?
  - What is a Dynamic Help System?
  - What is a PDF Manual?
  - What is a Word Manual?
  - What is a Single HTML File?
  - End-User License Agreement
  - New Features
- Installation
  - System Requirements
  - Installing IIS
    - Installing IIS on Windows 2008
    - Installing IIS on Windows Vista
    - Installing IIS on Windows 7
    - Installing IIS on Windows 8
    - Installing IIS on Windows 2012
  - Assigning Write Permissions
  - Create Virtual Directory
  - Installing the Software
  - Uninstalling the Software
  - Upgrading from HelpConsole 2012
  - Entering Your Activation Key
  - How to run the software
  - URL Parameters
  - View a Project Database
  - Service Pack History
- Basic Functions
  - Projects
    - Creating a New Project
    - Editing a Project
    - Deleting a Project
    - Copying a Project
    - Backing up Your Project
    - Uploading a Project
    - Setting Project Properties
    - Manage Projects Form Password
    - Project Templates
    - Restricted Help System
    - Display a Custom Browser Icon
  - Page Editor
    - Keyboard Shortcuts
    - Page Locking
    - Page Header
    - Adding tags to head section
  - Table of Contents
    - Adding a Page
    - Adding an External Page
    - Embedding Another Project
    - Renaming a Page
    - Deleting a Page
    - Page Properties
    - Dragging & Dropping Pages
    - Customizing Page Icons
    - Customizing Contents Icons
    - Embedding a page
    - Contents Locking
    - Contents Filter
  - Context-sensitive Help
    - Windows Applications
      - Windows Application Help Button
      - Windows Form Help Button
      - Windows Field Help Button
      - Windows F1 Application Help
      - Windows F1 Form Help
      - Windows F1 Field Help
    - Web Applications
      - Web Application Help Button
      - Web Form Help Button
      - Web Field Help Button
      - Web F1 Application Help
      - Web F1 Form Help
      - Web F1 Field Help
      - Popup Help Window
  - Skins
    - Applying Skins
    - Customizing an Existing Skin
    - Managing Skins
  - Working with Tables
    - Adding a Table
    - Table Properties
    - Cell Properties
  - Working with Images
    - Adding an Image
    - Uploading an Image
    - Pasting an Image
    - Image Properties
    - Adding Hotspots to an Image
  - Keywords and Index
    - Display Keywords in Edit Mode
    - Display Index in Live Mode
  - Links
    - Adding Page Links
    - Adding Internet Links
    - Adding Email Links
    - Adding Document Links
    - Adding Page Anchors
    - Adding Popup Links
    - Removing a Link
    - Popup Example
  - Search
    - Searching for Text
    - Page Search and Replace
    - Global Search and Replace
    - Passing Search Terms in URL
  - Publishing
    - Publishing a Static Help System
    - Publishing a Dynamic Help System
    - Publishing a PDF Manual
    - Publishing a Word Manual
    - Publishing a Single HTML File
    - Uploading to your Website
    - Publish API
- Advanced Functions
  - Draft Mode
    - Enable Draft Mode
    - Adding a Draft Page
    - Editing a Draft Page
    - Compare Draft Page
    - Publishing a Draft Page
    - Pending Draft Pages
    - Page Approval
  - Mobile Devices
    - Preview for Mobile Device
  - Videos
    - Adding a Flash Animation
    - Adding a Media Animation
    - What Video Format to Choose?
  - Users
    - Project Login
    - Adding a Project Username
    - Editing a Project Username
    - Deleting a Project Username
    - Auto Login
  - Security Groups
    - Adding a Security Group
    - Editing a Security Group
    - Deleting a Security group
  - Variables
    - User Defined Variables
    - Page Variables
    - Application Variables
  - Language Support
    - Language Translation
    - Language List
    - Right-to-Left Support
  - Page Templates
    - Customizing a Page Template
    - Creating a Page Template
    - Customizing the PDF Template
  - Styles
    - Application Styles
    - Page Styles
    - Skin Styles
    - Applying Styles
    - Editing the 'Apply Styles' List
    - Stylesheet Reference
  - Reports
    - Activity Log Report
    - Activity Log Settings
    - All Pages Report
    - Unused Images Report
    - Pending Comments Report
    - Broken Links Report
  - Conditional Content
    - Conditional Pages
    - Conditional Content by Skin
    - Conditional Content by User
    - Conditional Content by Query
    - Conditional Variables
  - Comments & Feedback
    - Adding Comments
    - Approving Comments
    - Managing Comments
    - Rate Page
    - Was This Helpful
  - Import
    - Importing HTML Pages
    - Importing Zipped Pages
    - Importing From Another Project
    - Importing a Word Document
    - Import an Excel Spreadsheet
    - Importing a Robohelp Project
    - Importing an HTML Help CHM File
    - Importing a framemaker document
  - Page Objects
    - Dataset
      - Adding a Dataset
      - Adding a Detail Field
      - Adding a Find Field
      - Dataset Find Properties
      - Dataset Detail Properties
      - Dataset Field Properties
      - Dataset File Attachments
      - Email Triggers
    - Dataset Summary
    - File Folder
    - Toggle Panel
    - Report
  - Add a Flowchart or Diagram
- Toolbar Reference
  - System Toolbar
  - Contents Toolbar
  - Editor Toolbar
  - Skin Editor Toolbar
  - Variable Editor Toolbar
  - Page Template Editor Toolbar
- FAQ
  - General Questions
  - Installation Questions
Videos

Search:

Home > HelpConsole 2010 > How to Customize Popups

How to Customize Popups

The 'mouseover' or 'popup' windows can be customized using styles. For example if you wanted to change the mouseover popup to remove the 'callout' style background and make it larger, here's how to do it:

1. Log into your project as 'Admin'
2. Click “Tools > Styles > AppStyles.css”
3. Change the “.MouseoverPopop” style to:

.MouseoverPopup {width:500px;height:300px;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:10px;outline: 0;background-image:none!important;border:1px solid black;background-color:white;}

4. Save the stylesheet

Applies To

HelpConsole 2010

Properties
Article ID:	how_to_customize_popups
Views:	968
Created By:	admin
Modified By:	admin
Created Date:	5/1/2013 3:15 PM
Last Modified:	5/1/2013 3:15 PM
Actions
Print This Article
Bookmark
Email This Article
Previous Article
Next Article

Was this page helpful?

Yes