# Hello world!

#### See 404.html

### withAlert()

A simple and intuitive way for show alert's with notifications!

##### Click for try withAlert('Message ...', 'success');

Click for try withAlert('...', 'warning');

Click for try withAlert('...', 'danger');

Click for try withAlert('...', 'primary');

Click for try withAlert('...', 'secondary');

Click for try withAlert('...', 'info');

Click for try withAlert('...', 'light');

Click for try withAlert('...', 'dark');

This alert will not close automatically!

###### Code:

`$("#withAlertCustomTrigger").click(function(){
withAlert('Message ...', 'success');
});
$(".permanentAlert").click(function () {
withAlert('This alert will not close automatically!', 'success', {autohide:false});
// options {autohide:true, hidetime:4000}
});`

###### File: js/core/w-alert.js

### List of bugfixes

....

- Bootstrap v3 - Modal Fade CSS quick Fix [issue#17622]
- Bootstrap v3 - .center-block in a combination with .col-x-x [improvement]
- Nicescroll - Bug fixes for touch drag/scroll
- Bootstrap - Please i wont a light bootstrap tooltip :) (style)
- Bootstrap Datepicker - Highlight day red and selectable in range (style +disabled/enabled)
- FlagIcon - `.flag-en` for more intuitive use then .flag-GB-en (style)
- FontAwesome - font-weight only v5 fix for v4 (+style .fa-bg-div)
- ....

This div box use `.col .col-sm-5 .center-block .jumbotron .bg-lgray .box-shadow` classes

### .ajaxsend

Datepickers, children_age_form

Binded span on input firstname:

Binded input on input lastname: `<input class="form-control w-binded" data-binded="input[name=lastname]" />`

Acconsento al trattamento dei dati per le finalità indicate nella Privacy Policy

Doc: GitHub

### Nicescroll example (.w-nicescroll)

You can enable Nicescroll on div's, iframe's etc. or for entire page by replacing the default scroll-bar

For enable on entire page override `htmlNicescroll:false` option with `true`

....

##### w-analytics (notIncluded by default)

#### Eventi GoogleAnalytics abilitati:

- ga('send', 'event', 'contatti', 'click', href.replace('mailto:', ''), '5');
- ga('send', 'event', 'contatti', 'click', href.replace('tel:', ''), '5');
- ga('send', 'event', 'contatti', 'click', 'maps', '5');
- ga('send', 'event', 'outgoing', 'click', href, '10');
- contatti - click su email o preventivo modal preventivo
- ga('send', 'event', 'contatti', 'click', 'preventivo', '5');

#### Pageview (invio form)

- ga('send', 'pageview', '/email-form-contatti');

### Scroll to this anchor (click to "Bottom Button") with animation (.w-scroll)

You can enable animated scroll to anchor by adding w-scroll to your `<a href="#anchor"` links

Animate scroll of #hash anchor and put the window to right place with topOffset
* data-keep-hash [false] If #hash anchor is needed in url set true, otherwise u will not see the #hash in url
* data-top-offset [10] The NEGATIVE offset from top (for not cover things with navbar or other things)
* data-animation [1000] The duration of scroll animation

`<a type="button" href="#target-block" class="btn btn-primary w-scroll"> Bottom Button </a>`

### Add target highlight to something

* data-target [-] CSS Selector for select the element on which apply
* data-auto-close [8000] Bool or the ms for close
* data-taregt-class [on-target] The class to add (default have CSS animation but it must be on the #anchor element also)

`<a type="button" href="#target-block" class="btn btn-primary w-target" data-target="#target-block"> Bottom Button </a>`

Artur Mamedov aka #withArtur #withFront

This MarkUp use HTML5 Boilerplate v6.0.1

Sliding Panel Btn & Panel

Another implementation it if you click on `cog` button, it have custom btn, instead this pre-configured

Modifica pagina "Home" Modifica Pagina "Figlia di Home" Modifica categoria offerte Modifica offerta "Nome Offerta"

Torna su

Bottom Button