logo
logo
    • Logout
  • image missing

    • CE ERP
  • Dashboard
  • Relation
    • Customers
    • Customer Categories
    • Suppliers
    • Supplier Categories
    • Addresses
  • Item Master
    • Assets
    • Services
    • Inventories
    • Inventory Galleries
    • Item Cost Prices
    • Item Sell Prices
    • Item Categories
  • Sales
    • Sales Orders
    • Sales Order Details
  • Invoice
    • Invoices
    • Invoice Items
  • Purchase
    • Purchase Requests
    • Purchase Orders
    • Purchase Order Item
  • Project
    • Projects
    • Project Types
  • Stock
    • Receiving(GRN)
    • Receiving(GRN) Detail
    • Inventory Stock
    • Inventory Transactions
    • MRF
      • M R Form
      • M R F Items
    • Stock Transactions
    • Transactions
    • Location Stores
  • Account
    • AR Report
    • AP Report
  • Setting
    • Staff
    • Roles
    • Role Users
    • Company Profiles
    • Toyyibpay Payment Gateways
    • Banks
    • System Settings
    • Vehicle Types
    • Uoms
    • Uom Converters
    • System Item Names
    • Currencies
    • Statuses
  • Project Progresses
  • Approval Items
  • Development
    • Crud Builder
    • Typography
    • Content
      • Alerts
      • Buttons
      • Cards
      • Dropdown
      • Forms
      • Form Layouts
      • Form Examples
      • Accordion
      • Progressbar
      • Pagination
      • Icons
      • Tabs
      • Modals
    • Tables
      • Table
      • Advanced Data Table
    • Pages
      • Advanced Form Elements
      • Toastr Notification
      • Advanced Alerts

Toastr

  1. Content
  2. Toastr
Toastr

Toastr is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.

Variants
Positions
Text Notification
Close Button
Progress Bar
Clear Toast
Remove Toast

remove toast without animation

Clear Toast

Clear toast with animation

Show .6s

the show time can be define by using showDuration

Timeout 6s

Time Out can be define by timeout to set what amount of time will stay

Hide 3s

Hide can be define by hideDuration to set what amount of time will take to hide message

Sticky

Sticky Message can be create by set the timeout to set 0

Show / Hide animation
FadeIn /FadeOut
SlideDown /SlideUp