UPS Global | UPS Logistics Technologies
UPS™Freight truck reflected in a chrome wheel cap of a freight truckMobileCast® User Provisioning System
Supplemental Info

Label: Output

heading style 1

heading style 2

heading style 3

some text

Text Link

Page heading h1 class="page-heading"

Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi. Duis id turpis ac purus cursus ornare.

heading 1 h1

Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viv

heading 2 h2

Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viv

heading 3 h3

Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viv

heading 4 h4

Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viv

Text Link
Text Link
Text Link
Text Link

  • list
  • list
  • list
  • list

Icons

Here is an incomplete list of icons to use.

Audio/VideoAudioVideo
General Purpose PointerArrow
Expand, Drop, Top, Anchor:TopAnchor
Tracking:Track
Print: Print
Lock/Secured Lock
Help/Support:Help
Popup or new Window:New Window New Window
PDF:PDF

Here are common image based buttons
Go, Next:Right Arrow
For Download: Download

use this divider for its obvious purpose on any block. it's expandable. class="hr"

Inline Text Styles

Small Text class="small_text1"

Emphasized text class="emp_text1"

Emphasized text class="emp_text2"

Paragraph Styles

Class="paragraph1"
Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat.

Class="paragraph2"
Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat.

Class="paragraph3"
Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat.

Class="paragraph4"
Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat.

Class="paragraph5"
Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat.

Anchor Button Styles

button 1 button 2 button 3

Column Header and Footer Styles

Sample Heading class="column-header1" class="column-footer1"

Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi. Duis id turpis ac purus cursus ornare.

Suspendisse at turpis eu orci dapibus varius. Donec vel elit a dolor euismod ultricies. Donec sed nunc. Morbi viverra, erat et scelerisque rutrum, mi justo lobortis lorem, sollicitudin egestas magna massa et est. Sed feugiat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi. Duis id turpis ac purus cursus ornare.

Sample Heading class="column-header2" class="column-footer2"

content

Sample Heading class="column-header3" class="column-footer3"

content

Sample Heading class="column-header4" class="column-footer4"

content

Sample Heading class="column-header5" class="column-footer5"

content

Sample Heading class="column-header6" class="column-footer6"

content

Table Styles

thead TH with class="column-header1" div wrapper
- thead TH thead TH
tfoot TD tfoot TD tfoot TD
tfoot TH with class="column-footer1" div wrapper
tbody TH tbody TD tbody TD
tbody TH tbody TD tbody TD
tbody TH with class="column-header2" div wrapper
tbody TH tbody TH tbody TH
tbody TD tbody TD tbody TD
tbody TD tbody TD tbody TD

Definition List for FAQs, Glossary...models

If you are coming from:

question?

answer:

What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Forms

Plain Form - form title

  • Special Instructions

    Error Message
    Additional Notes or instructionsSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
  •  
    Subscriptions  
Plain Form - Create New Administrator

  • Special Instructions

    Error Message
    Additional Notes or instructionsSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

  • (Email address will be used as login ID)
  • (All regions associated with Enterprise)
Tabular Form - Regional List
  • Region list for #Enterprise Name#
    Region ID Description Profile List Total Mobile Delete?
    tfoot TH with class="column-footer1" div wrapper
    D43245 FSA 3.1 32
    PF34R2 QA Lab 3.2 66
Tabular Form - View All Phones
  • License and application score board
    Phone Apps Purchased Licenses Total Licenses

    footer text
    #MobileCast# 5 6
    #On Track# 5 4
    #Total# 10 10
    View Phones By
    Mobile IP App Phone no. Trace Region List BAN Phone Model Version Last Config Request Delete?
    tfoot TH with class="column-footer1" div wrapper
    11.73.53.75 MC 4432245214 - Columbus 1234561231 i355 1.5.42 12/16/2006
    12:32:33 AM
    11.73.53.75 MC 4432245214 - Columbus 1234561231 i355 1.5.42 12/16/2006
    12:32:33 AM
Tabular Form - Add Phones
  • Complete the form below and click "save". All fields are required
    Mobile IP IMEI Phone no. Trace Region List BAN Phone Model Version
    Results Log

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Tabular Form - Import Phones
  • Import Intructions
    Select file to import. Each line of the file should have Region ID, Phone IP, Phone Number, BAN, and optional Phone model. For example: "NEWYORK, 127.0.0.1, 2125551212, 123456789, i355".
    Results Log

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.