[Featurewunsch] Button mit optionalen Label

[panzaeron]

Hallo,
bei dem Erstellen der Seiten bin ich bisher nicht so ganz glücklich mit der Beschriftung der Buttons gewesen und deshalb habe ich mich mit den labels von jquery beschäftigt und das funktioniert ganz gut.

Ein Beispiel zum Flip-Button ausgelagert in ein extra "widget":

widget-button.html

/** 
* Displays a flip-switch with a label 
* 
* @param unique id for this widget 
* @param a gad/item 
* @param text for the 'on' state (optional, default 'On') 
* @param text for the 'off' state (optional, default 'Off') 
* @param text for the label (optional) 
*/ 
{% macro flip(id, gad, txt_on, txt_off, label) %} 
    {% if label %}<div class="ui-field-contain"> 
        <label for="{{ uid(page, id) }}" class="custom-label">{{ label }}</label>{% endif %} 
        <select id="{{ uid(page, id) }}" name="{{ uid(page, id) }}" data-widget="basic.flip" data-item="{{ gad }}" 
        data-role="slider"> 
            <option value="off">{{ txt_off|default('Off') }}</option> 
            <option value="on">{{ txt_on|default('On') }}</option> 
    </select> 
    {% if label %}</div>{% endif %} 
{% endmacro %}

und noch ein wenig die Breite des Labels in der visu.css anpassen:

/* Label */
@media screen and (min-width: 480px) {
	.custom-label {
		width: 50% !important;
	}
}

So könnte es aussehen:
screenshot.png

Da das Label optional ist, wäre es eventuell etwas um es fest zu übernehmen, bestehende Flip-Objekte müssten nicht angepasst werden.