• David Williams Art Director
    • Profile
    • Contacts
    • Mailbox
    • Logout
    IN+
  • Dashboards
    • Dashboard v.1
    • Dashboard v.2
    • Dashboard v.3
    • Dashboard v.4
    • Dashboard v.5
  • Layouts NEW
  • Graphs
    • Flot Charts
    • Morris.js Charts
    • Rickshaw Charts
    • Chart.js
    • Chartist
    • c3 charts
    • Peity Charts
    • Sparkline Charts
  • Mailbox 16/24
    • Inbox
    • Email view
    • Compose email
    • Email templates
  • Metrics
  • Widgets
  • Forms
    • Basic form
    • Advanced Plugins
    • Wizard
    • File Upload
    • Text Editor
    • Autocomplete
    • Markdown
  • App Views SPECIAL
    • Contacts
    • Profile
    • Profile v.2
    • Contacts v.2
    • Projects
    • Project detail
    • Activity stream
    • Teams board
    • Social feed
    • Clients
    • Outlook view
    • Vote list
    • File manager
    • Calendar
    • Issue tracker
    • Blog
    • Article
    • FAQ
    • Timeline
    • Pin board
  • Other Pages
    • Search results
    • Lockscreen
    • Invoice
    • Login
    • Login v.2
    • Forgot password
    • Register
    • 404 Page
    • 500 Page
    • Empty page
  • MiscellaneousNEW
    • Notification
    • Nestable list
    • Agile board
    • Timeline v.2
    • Diff
    • PDF Viewer
    • i18 support
    • Sweet alert
    • Idle timer
    • Truncate
    • Password meter
    • Spinners
    • Spinners usage
    • Live favicon
    • Forum view
    • Google maps
    • Datamaps
    • Social buttons
    • Code editor
    • Modal window
    • Clipboard
    • Text spinners
    • Validation
    • Tree view
    • Loading buttons
    • Chat view
    • Masonry
    • Tour
  • UI Elements
    • Typography
    • Icons
    • Draggable Panels
    • Resizeable Panels
    • Buttons
    • Video
    • Panels
    • Tabs
    • Notifications & Tooltips
    • Helper css classes
    • Badges, Labels, Progress
  • Grid options
  • Tables
    • Static Tables
    • Data Tables
    • Foo Table
  • E-commerce
    • Products grid
    • Products list
    • Product edit
    • Product detail
    • Cart
    • Orders
    • Credit Card form
  • Gallery
    • Lightbox Gallery
    • Slick Carusela
    • Bootstrap Carusela
  • Menu Levels
    • Third Level
      • Third Level Item
      • Third Level Item
      • Third Level Item
    • Second Level Item
    • Second Level Item
    • Second Level Item
  • CSS Animations 62
  • Landing page
  • سامانه سوادآموزی
  • 1
    • image
      46h ago علی سلیمی آغاز فعالیت سامانه سوادآموزی.
      3 روز پیش
    • مشاهده همه ی پیام ها
  • 3
    • شما 1 پیام جدید دارید 1 ساعت پیش
    • شروع جلسه آموزشی 35 دقیقه پیش
    • حجم شهرستان ابلاغ شد 4 دقیقه پیش
    • مشاهده ی همه ی اعلان ها
  • خروج از سامانه

Modal Window

  1. Home
  2. Tables
  3. Modal Window
Inspinia modal window

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

To creata a custom Inspinia modal all you have to do is to add .inmodal class to html modal element. Modal contains title, content and footer

Modal title

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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.

Optional sizes

Modals have two optional sizes, available via modifier classes to be placed on a .modal-dialog

Modal title

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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.

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.

Modal title

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.

Animation Effect

You can add any animation effect to your modal window. Just pick up some of the effect from animation page and add it to .modal-content elemente.

Modal title

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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.

Modal title

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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.

Options

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

Name type default description
backdrop boolean or the string 'static' true Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
keyboard boolean true Closes the modal when escape key is pressed
show boolean true Shows the modal when initialized.
remote path false

This option is deprecated since v3.3.0 and will be removed in v4. We recommend instead using client-side templating or a data binding framework, or calling jQuery.load yourself.

If a remote URL is provided, content will be loaded one time via jQuery's load method and injected into the .modal-content div. If you're using the data-api, you may alternatively use the href attribute to specify the remote source. An example of this is shown below:

Copy
<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
شرکت سلیم پرداز
تمامی حقوق مادی به سازمان نهضت سوادآموزی متعلق است© 1404