Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from space DOC and version 7.1.0
HTML
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Customizing Portable Gadgets

Table of Contents

Customization Options

...

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


limit:  positive integer, or -1

The record return limit of the gadget. In some gadgets (search and DHCP) there are multiple types, so it limits per type.  The default limit, if this option is not provided, is 5.  If you specify limit a -1 (or basically any negative number), it will not enforce a limit.

links_change_window:  true

setting this to true (not string "true" but actual true type in javascript) will make links change the current window. The default behavior (not having this option or false), would have links open a new tab.

interact:    false

By default, there will be a search box on all these gadgets. But with this option set to false (again, using false not string "false") will remove that box so search cannot be changed.

 


Sample CSS Customization

Alternating Row Formatting:

 


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>