Rating

Attraverso lo strumento del rating l'utente può fornire la sua valutazione in base a un parametro stabilito nel portale, come ad esempio le stelle.
Qui potrai reperire la User Interface, lo snippet e le modalità di utilizzo per i rating nell’Ecosistema digitale Turismo Cultura.

Esprimi una valutazione da 1 a 5
                                            
<div class="dms-rating">
    <label class="control-label" for="rating">
        <span class="field-label-header">Selezionare un valore da 1 a 5</span>
        <span class="field-label-info"></span>
        <input type="hidden" id="selected_rating" name="selected_rating" 
            required="required">
    </label>
    <button type="button" class="dms-rating-button btn btn-default btn-lg"
        data-attr="1" id="rating-star-1"  aria-label="valuta 1 stella su 5">
        <i class="dms-wk-icon-favorite"></i>
    </button>
    <button type="button" class="dms-rating-button btn btn-default btn-lg"
        data-attr="2" id="rating-star-2" aria-label="valuta 2 stella su 5">
        <i class="dms-wk-icon-favorite"></i>
    </button>
    <button type="button" class="dms-rating-button btn btn-default btn-lg"
        data-attr="3" id="rating-star-3" aria-label="valuta 3 stella su 5">
        <i class="dms-wk-icon-favorite"></i>
    </button>
    <button type="button" class="dms-rating-button btn btn-default btn-lg"
        data-attr="4" id="rating-star-4" aria-label="valuta 4 stella su 5">
        <i class="dms-wk-icon-favorite"></i>
    </button>
    <button type="button" class="dms-rating-button btn btn-default btn-lg"
        data-attr="5" id="rating-star-5" aria-label="valuta 5 stella su 5">
        <i class="dms-wk-icon-favorite"></i>
    </button>
</div>

Utilizzo

Per visualizzare correttamente il componente è importante rispettare le classi e la struttura html presente nello snippet.

Il funzionamento di questo componente avviene tramite una funzione javascript, presente all'interno del file dms-script.js che è possibile modificare e personalizzare.