<button class="button floaty_trigger bc_red">Create Floaty</button> <script type="text/javascript"> $('.button.floaty_trigger').click(function () { // Set floaty options var options= { type: 'warning', header_title: 'Title', content_data: 'Content' } // Create new floaty var new_floaty= basekit.components.floaties.create(options); }); </script>
// Set floaty options var options= { type: 'warning', header_title: 'Title', content_data: 'Content' [...] } // Create floaty basekit.components.floaties.create(options);
// Set scope var scope= $('.floaty'); // Center floaties basekit.components.floaties.center(scope);
// Set scope var scope= $('.floaty'); // Center x floaties basekit.components.floaties.center_x(scope);
// Set scope var scope= $('.floaty'); // Center y floaties basekit.components.floaties.center_y(scope);
// Set scope var scope= $('.floaty'); // Hide floaties basekit.components.floaties.hide(scope);
// Set scope var scope= $('.floaty'); // Destroy floaties basekit.components.floaties.destroy(scope);
// Set scope var scope= $('.floaty'); // Dismiss floaties basekit.components.floaties.dismiss(scope);
Lorem ipsum dolor sit amet.
type: 'confirm', dimensions_size: 'tiny'
type: 'confirm', dimensions_size: 'small'
type: 'confirm', dimensions_size: ''
type: 'confirm', dimensions_size: 'medium'
type: 'confirm', dimensions_size: 'large'
type: 'confirm', dimensions_size: 'huge'
type: 'confirm'
type: 'confirm', color: 'red'
type: 'confirm', color: 'green'
type: 'confirm', color: 'blue'
type: 'confirm', color: 'orange'
type: 'confirm', color: 'yellow'
type: 'confirm', color: 'grey'
type: 'confirm', color: 'black'
type: 'confirm', color: 'white'
type: 'confirm', color: 'red_light'
type: 'confirm', color: 'green_light'
type: 'confirm', color: 'blue_light'
type: 'confirm', color: 'orange_light'
type: 'confirm', color: 'yellow_light'
type: 'confirm', color: 'grey_light'
type: 'confirm', color: 'black_light'
type: 'confirm', color: 'white_light'
type: 'confirm', color: 'primary_standard'
type: 'confirm', color: 'secondary_standard'
type: 'confirm', color: 'red_standard'
type: 'confirm', color: 'green_standard'
type: 'confirm', color: 'blue_standard'
type: 'confirm', color: 'orange_standard'
type: 'confirm', color: 'yellow_standard'
type: 'confirm', color: 'grey_standard'
type: 'confirm', color: 'black_standard'
type: 'confirm', color: 'white_standard'
type: 'confirm', color: 'red_medium'
type: 'confirm', color: 'green_medium'
type: 'confirm', color: 'blue_medium'
type: 'confirm', color: 'orange_medium'
type: 'confirm', color: 'yellow_medium'
type: 'confirm', color: 'grey_medium'
type: 'confirm', color: 'black_medium'
type: 'confirm', color: 'white_medium'
type: 'confirm', color: 'red_dark'
type: 'confirm', color: 'green_dark'
type: 'confirm', color: 'blue_dark'
type: 'confirm', color: 'orange_dark'
type: 'confirm', color: 'yellow_dark'
type: 'confirm', color: 'grey_dark'
type: 'confirm', color: 'black_dark'
type: 'confirm', color: 'white_dark'
type: 'warning', dimensions_size: 'tiny'
type: 'warning', dimensions_size: 'small'
type: 'warning', dimensions_size: ''
type: 'warning', dimensions_size: 'medium'
type: 'warning', dimensions_size: 'large'
type: 'warning', dimensions_size: 'huge'
type: 'warning', color: ''
type: 'warning', color: 'red'
type: 'warning', color: 'green'
type: 'warning', color: 'blue'
type: 'warning', color: 'orange'
type: 'warning', color: 'yellow'
type: 'warning', color: 'grey'
type: 'warning', color: 'black'
type: 'warning', color: 'white'
type: 'warning', color: 'red_light'
type: 'warning', color: 'green_light'
type: 'warning', color: 'blue_light'
type: 'warning', color: 'orange_light'
type: 'warning', color: 'yellow_light'
type: 'warning', color: 'grey_light'
type: 'warning', color: 'black_light'
type: 'warning', color: 'white_light'
type: 'warning', color: 'red_standard'
type: 'warning', color: 'green_standard'
type: 'warning', color: 'blue_standard'
type: 'warning', color: 'orange_standard'
type: 'warning', color: 'yellow_standard'
type: 'warning', color: 'grey_standard'
type: 'warning', color: 'black_standard'
type: 'warning', color: 'white_standard'
type: 'warning', color: 'red_medium'
type: 'warning', color: 'green_medium'
type: 'warning', color: 'blue_medium'
type: 'warning', color: 'orange_medium'
type: 'warning', color: 'yellow_medium'
type: 'warning', color: 'grey_medium'
type: 'warning', color: 'black_medium'
type: 'warning', color: 'white_medium'
type: 'warning', color: 'red_dark'
type: 'warning', color: 'green_dark'
type: 'warning', color: 'blue_dark'
type: 'warning', color: 'orange_dark'
type: 'warning', color: 'yellow_dark'
type: 'warning', color: 'grey_dark'
type: 'warning', color: 'black_dark'
type: 'warning', color: 'white_dark'
type: 'message', dimensions_size: 'tiny'
type: 'message', dimensions_size: 'small'
type: 'message', dimensions_size: ''
type: 'message', dimensions_size: 'medium'
type: 'message', dimensions_size: 'large'
type: 'message', dimensions_size: 'huge'
type: 'message'
type: 'message', color: 'red'
type: 'message', color: 'green'
type: 'message', color: 'blue'
type: 'message', color: 'orange'
type: 'message', color: 'yellow'
type: 'message', color: 'grey'
type: 'message', color: 'black'
type: 'message', color: 'white'
type: 'message', color: 'red_light'
type: 'message', color: 'green_light'
type: 'message', color: 'blue_light'
type: 'message', color: 'orange_light'
type: 'message', color: 'yellow_light'
type: 'message', color: 'grey_light'
type: 'message', color: 'black_light'
type: 'message', color: 'white_light'
type: 'message', color: 'primary_standard'
type: 'message', color: 'secondary_standard'
type: 'message', color: 'red_standard'
type: 'message', color: 'green_standard'
type: 'message', color: 'blue_standard'
type: 'message', color: 'orange_standard'
type: 'message', color: 'yellow_standard'
type: 'message', color: 'grey_standard'
type: 'message', color: 'black_standard'
type: 'message', color: 'white_standard'
type: 'message', color: 'red_medium'
type: 'message', color: 'green_medium'
type: 'message', color: 'blue_medium'
type: 'message', color: 'orange_medium'
type: 'message', color: 'yellow_medium'
type: 'message', color: 'grey_medium'
type: 'message', color: 'black_medium'
type: 'message', color: 'white_medium'
type: 'message', color: 'red_dark'
type: 'message', color: 'green_dark'
type: 'message', color: 'blue_dark'
type: 'message', color: 'orange_dark'
type: 'message', color: 'yellow_dark'
type: 'message', color: 'grey_dark'
type: 'message', color: 'black_dark'
type: 'message', color: 'white_dark'
type: 'notification', dimensions_size: 'tiny'
type: 'notification', dimensions_size: 'small'
type: 'notification', dimensions_size: ''
type: 'notification', dimensions_size: 'medium'
type: 'notification', dimensions_size: 'large'
type: 'notification', dimensions_size: 'huge'
type: 'notification', color: ''
type: 'notification', color: 'red'
type: 'notification', color: 'green'
type: 'notification', color: 'blue'
type: 'notification', color: 'orange'
type: 'notification', color: 'yellow'
type: 'notification', color: 'grey'
type: 'notification', color: 'black'
type: 'notification', color: 'white'
type: 'notification', color: 'red_light'
type: 'notification', color: 'green_light'
type: 'notification', color: 'blue_light'
type: 'notification', color: 'orange_light'
type: 'notification', color: 'yellow_light'
type: 'notification', color: 'grey_light'
type: 'notification', color: 'black_light'
type: 'notification', color: 'white_light'
type: 'notification', color: 'primary_standard'
type: 'notification', color: 'secondary_standard'
type: 'notification', color: 'red_standard'
type: 'notification', color: 'green_standard'
type: 'notification', color: 'blue_standard'
type: 'notification', color: 'orange_standard'
type: 'notification', color: 'yellow_standard'
type: 'notification', color: 'grey_standard'
type: 'notification', color: 'black_standard'
type: 'notification', color: 'white_standard'
type: 'notification', color: 'red_medium'
type: 'notification', color: 'green_medium'
type: 'notification', color: 'blue_medium'
type: 'notification', color: 'orange_medium'
type: 'notification', color: 'yellow_medium'
type: 'notification', color: 'grey_medium'
type: 'notification', color: 'black_medium'
type: 'notification', color: 'white_medium'
type: 'notification', color: 'red_dark'
type: 'notification', color: 'green_dark'
type: 'notification', color: 'blue_dark'
type: 'notification', color: 'orange_dark'
type: 'notification', color: 'yellow_dark'
type: 'notification', color: 'grey_dark'
type: 'notification', color: 'black_dark'
type: 'notification', color: 'white_dark'