ace.ajax-content,content-slider.html

Content sliders based on Bootstrap modals - Ace Admin

Toggle sidebar

Ace Admin

• 4

  • 4 Tasks to complete

  • • Software Update

      65%

    • Hardware Upgrade

      35%

    • Unit Testing

      15%

    • Bug Fixes

      90%

  • See tasks with details

• 8

  • 8 Notifications

  • • New Comments

      +12

    • Bob just signed up as an editor ...

    • New Orders

      +8

    • Followers

      +11

  • See all notifications

• 5

  • 5 Messages

  • • 

      Alex:

      Ciao sociis natoque penatibus et auctor ...

      a moment ago

    • 

      Susan:

      Vestibulum id ligula porta felis euismod ...

      20 minutes ago

    • 

      Bob:

      Nullam quis risus eget urna mollis ornare ...

      3:15 pm

    • 

      Kate:

      Ciao sociis natoque eget urna mollis ornare ...

      1:33 pm

    • 

      Fred:

      Vestibulum id penatibus et auctor ...

      10:09 am

  • See all messages

• 

  Welcome,

  Jason

  • Settings

  • Profile

  • Logout

try{ace.settings.loadState('main-container')}catch(e){}

try{ace.settings.loadState('sidebar')}catch(e){}

• Dashboard

• UI & Elements

  • Layouts

    • Top Menu

    • Two Menus 1

    • Two Menus 2

    • Default Mobile Menu

    • Mobile Menu 2

    • Mobile Menu 3

  • Typography

  • Elements

  • Buttons & Icons

  • Content Sliders

  • Treeview

  • jQuery UI

  • Nestable Lists

  • Three Level Menu

    • Item #1

    • 4th level

      • Add Product

      • View Products

• Tables

  • Simple & Dynamic

  • jqGrid plugin

• Forms

  • Form Elements

  • Form Elements 2

  • Wizard & Validation

  • Wysiwyg & Markdown

  • Dropzone File Upload

• Widgets

• Calendar

• Gallery

• More Pages

  • User Profile

  • Inbox

  • Pricing Tables

  • Invoice

  • Timeline

  • Search Results

  • Email Templates

  • Login & Register

• Other Pages

  5

  • FAQ

  • Error 404

  • Error 500

  • Grid

  • Blank Page

• Home

• UI & Elements

• Content Sliders

#438EB9

#222A2D

#C6487E

#D0D0D0

  Choose Skin

Fixed Navbar

Fixed Sidebar

Fixed Breadcrumbs

Right To Left (rtl)

Inside

.container

Submenu on Hover

Compact Sidebar

Alt. Active Item

Content sliders based on Bootstrap modals

You can use any button to toggle sliders!

Bootstrap Grid & Elements

With invisible backdrop

Default

11

Mailbox

6+

Print

Bootstrap Grid & Elements

With dark modal backdrop

×

Based on Modal boxes

Custom Elements and Content

With no modal backdrop

1

2

3

  Content Slider inside Modal Box  

×

A modal with a slider in it!

Some content

1

2

Close

Inside another modal

Ace

Application © 2013-2014

if('ontouchstart' in document.documentElement) document.write("

jQuery(function($) {

$('.modal.aside').ace_aside();

$('#aside-inside-modal').addClass('aside').ace_aside({container: '#my-modal > .modal-dialog'});

//$('#top-menu').modal('show')

$(document).one('ajaxloadstart.page', function(e) {

//in ajax mode, remove before leaving page

$('.modal.aside').remove();

$(window).off('.aside')

});

//make content sliders resizable using jQuery UI (you should include jquery ui files)

//$('#right-menu > .modal-dialog').resizable({handles: "w", grid: [ 20, 0 ], minWidth: 200, maxWidth: 600});

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史