Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from this space and version 8.0.0

Customizing Portable Gadgets

Table of Contents

Customization Options

 Portable Gadgets come with both built-in customization options as well as the ability to edit styles locally through CSS. 

Required Settings:

...

Optional Settings:

These settings must be included as parameters when initializing the gadget. See Getting Started With Portable Gadgets.

 

...

 

Sample CSS Customization

Alternating Row Formatting:

Image Removed

 

Code Block
languagexml
<style>
.pg-subtitle {
    color: lightslategrey;
    font-size:1.4em;
    font-weight: bold;
}

.pg-field-name a:hover {
    text-decoration: none;
    color: white;
    background-color: gray;
}

.pg-results tr:nth-child(2n+1) {
    background: white;
}
.pg-results tr:nth-child(2n+0) {
    background: lightgray;
}
</style>