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.
<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.