Bootstrap Studio info

https://bootstrapstudio.io/

Hey friends! It’s been a while since our last newsletter. During that time, we have been quietly making Bootstrap Studio better by adding new features, components and tools. Here are the highlights of the last few months:

Charts – The new Chart component in Bootstrap Studio helps you create beautiful responsive charts. The app sets up all necessary libraries for you, and gives you full access to the chart instance when you need to modify it with JavaScript.

Custom Fonts – You can now import custom web fonts in the app. Bootstrap Studio will generate all necessary font-face declarations and auto complete the font in the CSS editor.

New Components – We added a number of new components for embedding Twitter/FB/Instagram posts, “share” and “like” buttons, HTML5 Audio as well as the BS4 Toast and Spinner.

Progressive Web Apps (PWA) – We added support for automatically generating a PWA manifest for your website. You can control all kinds of settings for it in the Settings > PWA dialog.

Time savers – They are too many to mention, but here is a short list: Find and replace in your entire design, Automatic Backups so you don’t lose your work, Automatic URL Rewriting when moving/renaming images and pages, Cleaning up unused images, a new multi-page Admin template and a lot more.

We have a lot of cool features planned – a command palette, movable panels and multi window support. We’ll discuss these and listen for your feedback on our forum. Be sure to register so you don’t miss it.

https://bootstrapstudio.io/forums/

Bootstrap accordion scrolltop animation

$(‘.panel-collapse’).on(‘shown.bs.collapse’, function (e) {
var $panel = $(this).closest(‘.panel’);
$(‘html,body’).animate({
scrollTop: $panel.offset().top
}, 500);
});

Bootstrap accordion, scroll to top of active (open) accordion on click? https://stackoverflow.com/questions/35992900/bootstrap-accordion-scroll-to-top-of-active-open-accordion-on-click

Bootstrap Alerts

Creating Alert Messages with Bootstrap: http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-alerts.php

Alert:

<div class=”alert alert-error”>
<a href=”#” class=”close” data-dismiss=”alert”>&times;</a>
<strong>Error!</strong> A problem has been occurred while submitting your data.
</div>

Success:

<div class=”alert alert-success”>
<a href=”#” class=”close” data-dismiss=”alert”>&times;</a>
<strong>Success!</strong> Your message has been sent successfully.
</div>

 

 

Angular Bootstrap Former with Laravel

An Angular module will handle form validation from server side and display errors in combination with Bootstrap.

Angularjs form validation is perfect, but you also need to validate the form data in server. This module will help you submit the form, display the errors message, and execute the callback when the form submit successfully.

https://github.com/Evolpas/angular-bootstrap-former