PGX Framework

Simplify and combine online features and services

Examples

 

shared.font

Code
<pgx:shared.font font="
  Base_02:
  eot(/_templates/examples/fonts/base_02.eot),
  woff(/_templates/examples/fonts/base_02.woff),
  ttf(/_templates/examples/fonts/base_02.ttf),
  svg(/_templates/examples/fonts/base_02.svg)
  |Lobster" />
  
<div style="font-family:Base_02; font-size:24px;">Base_02</div>
<div style="font-family:Lobster; font-size:24px;">Lobster</div>
Example
Base_02
Lobster

shared.youtube

Code
<div class="yt"><pgx:shared.youtube video="Yb_XDDrtSc4" /></div>
<div class="yt"><pgx:shared.youtube video="Yb_XDDrtSc4" chromeless="true" /></div>
<div class="yt"><pgx:shared.youtube video="Yb_XDDrtSc4" lightview="true" /></div>
Example

local.examples (ajax)

Code
<div id="ajax">
  <form>
    <input type="text" id="key" value="One 77" />
    <input type="button" value="Search YouTube"
      onclick="$('ajax').pgx('local.examples', { action: 'search', key: $('key').getValue() })" />
  </form>
</div>
Example

core.flash

Code
<pgx:core.flash id="fl" source="/_templates/examples/flash/example.swf" width="550" height="80" />
<div class="fl"><input type="button" value="Interact" onclick="$('fl').example();" /></div>
Example