Hero Content

Initialize

NkDialog

jQuery Dialog Plugin 1.1.0

fullSize — Type:boolean, Default:false

(unit) px, rem, vw, vh

Data Attribute

<div class="nkdialog" data-nkdialog='{"size":{"fullSize":false}}'></div>

Script

$('.nkdialog').NkDialog({size:{fullSize:false}});

Demo

  • true
  • false

fullWidth — Type:boolean, Default:false

(unit) px, rem, vw, vh

Data Attribute

<div class="nkdialog" data-nkdialog='{"size":{"fullWidth":false}}'></div>

Script

$('.nkdialog').NkDialog({size:{fullWidth:false}});

Demo

  • true
  • false

fullHeight — Type:boolean, Default:false

(unit) px, rem, vw, vh

Data Attribute

<div class="nkdialog" data-nkdialog='{"size":{"fullHeight":false}}'></div>

Script

$('.nkdialog').NkDialog({size:{fullHeight:false}});

Demo

  • true
  • false

maxWidth — Type:string, Default:'640px'

(unit) px, rem, vw, vh

Data Attribute

<div class="nkdialog" data-nkdialog='{"size":{"maxWidth":'640px'}}'></div>

Script

$('.nkdialog').NkDialog({size:{maxWidth:'640px'}});

Demo

  • 320px
  • 640px
  • 960px
  • 25vw
  • 50vw
  • 75vw
  • 100vw

maxHeight — Type:string, Default:'50vh'

(unit) px, rem, vw, vh

Data Attribute

<div class="nkdialog" data-nkdialog='{"size":{"maxHeight":'50vh'}}'></div>

Script

$('.nkdialog').NkDialog({size:{maxHeight:'50vh'}});

Demo

  • 320px
  • 640px
  • 960px
  • 25vh
  • 50vh
  • 75vh
  • 100vh