Lobibox

Lobibox is responsive jquery notification plugin specially written for LobiAdmin.

Lobibox is devided into two parts

Features

Messageboxes

  • Lobibox messages boxes can be modal and not modal as well.
  • You can show multiple messages at the same time.
  • Every message can be draggable (On small screens dragging is disabled)
  • You can show
    • messages in different colors and icons
    • confirm message
    • one line prompt
    • multiline prompt
    • Any HTML5 input type can be used in prompt window. Such as: text, color, date, datetime, email, number range ...
    • Progress messagebox. Lobibox comes with default progress style but you can use bootstrap style progress bar
    • custom content window with ajax support with custom action buttons
  • Every message is an instance of "class". You can easily grab the instance and attach events or call methods directly by the instance. See examples bellow.

Notifications

  • Different color support
  • Possibility to show in any corners of the screen
  • Delay after which it disappears
  • Show delay indicator
  • Show with image
  • Sound support
  • Size support. You can show notifications of different size

Basic Usage

Confirm

Lobibox.confirm({
    ... //Options
});

Alert

Lobibox.alert(
    'error|success|warning|info', // Any of the following
    {
        ... //Options
    }
);

Prompt

Lobibox.prompt(
    '', // Any HTML5 input type is valid
    {
        ... //Options
    }
);

Progress

Lobibox.progress({
    ... //Options
});

Window

Lobibox.window({
    ... //Options
});

Full documentation and example codes are available after purchasing.

Lobibox popup examples

Basic examples

Custom buttons
Disable icon
Advanced usage of Lobibox.window
Callbacks

Progress does not update itself.

But you can implement it easily when uploading or waiting something

LobiBox notifications

Basic notifications Can be closed by clicking on it
With image
Disable sound
Custom title
Without icon and image
Increase delay time
Sticky (without delay)
Alternative position
Change width
Change Animation

For animation Lobibox is depended on animate.css. You can use any animate.css classes

By default .animated class is added




Large Notifications

Large notifications

  • are sticky
  • can be closed only by clicking close button
  • does not have delay
  • are larger in width

With Image

Alternative position
Change animation




Mini notifications

For mini notifications icon and image is shown on small size and title is disabled by default. Although you can enable it by giving title parameter when initializing.

With image

Without icon

With title