FTUI Widget Circlemenu - Versionsgeschichte

Pahenning am 2. August 2024 um 14:37 Uhr

2024-08-02T14:37:58Z

← Nächstältere Version		Version vom 2. August 2024, 16:37 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Circlemenu Widget]] ist ein Widget für [[FHEM Tablet UI]], das mehrere Widgets nach einem Klick auf ein einziges anzeigen kann.		Das [[{{PAGENAME}}\|Circlemenu Widget]] ist ein Widget für [[FHEM Tablet UI V2]], das mehrere Widgets nach einem Klick auf ein einziges anzeigen kann.

	<gallery>		<gallery>
Zeile 70:		Zeile 70:
	[[File:Circlemenu tabletUI.png]]		[[File:Circlemenu tabletUI.png]]

	[[Kategorie:FHEM Tablet UI\|Circlemenu]]		[[Kategorie:FHEM Tablet UI V2\|Circlemenu]]

Baumbuwe: catsort

2018-01-26T14:12:19Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:12 Uhr
Zeile 70:		Zeile 70:
	[[File:Circlemenu tabletUI.png]]		[[File:Circlemenu tabletUI.png]]

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI\|Circlemenu]]

Standarduser: Mögliche Werte für data-direction ergänzt.

2017-09-03T10:58:08Z

Mögliche Werte für data-direction ergänzt.

@@ Zeile 31: / Zeile 31: @@
 ==Hinweise==
-* Mögliche Werte für ''data-direction'' sind: '''top''', '''right''', '''bottom''', '''left''', '''top-right''', '''top-left''', '''bottom-right''', '''bottom-left''', '''top-half''', '''right-half''', '''bottom-half''', '''left-half''', '''full''', '''vertical''', '''horizontal'''
+Mögliche Werte für '''data-direction''' sind:
 ==Beispiele==

Markusbloch: Anpassung von -Tags nach

2017-07-26T17:57:58Z

Anpassung von <source>-Tags nach <syntaxhighlight>

← Nächstältere Version		Version vom 26. Juli 2017, 19:57 Uhr
Zeile 36:		Zeile 36:
	===Einfaches Beispiel===		===Einfaches Beispiel===
	Dieses Beispiel zeigt nach einem Klick auf einen Button mehrere Buttons zur Auswahl von Werten.		Dieses Beispiel zeigt nach einem Klick auf einen Button mehrere Buttons zur Auswahl von Werten.
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div class="col-1-2">		<div class="col-1-2">
	<div data-type="circlemenu" class="">		<div data-type="circlemenu" class="">
Zeile 51:		Zeile 51:
	<div class="">Woofer</div>		<div class="">Woofer</div>
	</div>		</div>
	</~~source~~>		</syntaxhighlight>
	[[File:Circlemenu tabletUI.png]]		[[File:Circlemenu tabletUI.png]]

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Drhirn: Die Seite wurde neu angelegt: „Das Circlemenu Widget ist ein Widget für FHEM Tablet UI, das mehrere Widgets nach einem Klick auf ein einziges anzeigen kann. …“

2017-02-23T12:32:59Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Circlemenu Widget]] ist ein Widget für FHEM Tablet UI, das mehrere Widgets nach einem Klick auf ein einziges anzeigen kann. <gallery>…“

Neue Seite

Das [[{{PAGENAME}}|Circlemenu Widget]] ist ein Widget für [[FHEM Tablet UI]], das mehrere Widgets nach einem Klick auf ein einziges anzeigen kann.

<gallery>
File:Circlemenu tabletUI.png
</gallery>

==Attribute==
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-item-diameter'''||Durchmesser der einzelnen Objekte||52||data-item-diameter="100"
|-
|'''data-circle-radius'''||Radius des Kreises, in dem die Objekte angeordnet werden||70||data-circle-radius="200"
|-
|'''data-border'''||Stil der Objekte (''round'', ''square'')||round||data-border="square"
|-
|'''data-item-width'''||Fixer Wert für die Breite des Widgets in px||data-item-diameter||data-item-width="120"
|-
|'''data-item-height'''||Fixer Wert für die Höhe des Widgets in px||data-item-diameter||data-item-height="100"
|-
|'''data-direction'''||Position der Objekte in Relation zur Mitte||full||data-direction="right-half"
|}

==CSS Klassen==
{|class="wikitable"
{{FTUI Klasse|keepopen}}{{FTUI Klasse|noshade}}
|}

==Hinweise==
* Mögliche Werte für ''data-direction'' sind: '''top''', '''right''', '''bottom''', '''left''', '''top-right''', '''top-left''', '''bottom-right''', '''bottom-left''', '''top-half''', '''right-half''', '''bottom-half''', '''left-half''', '''full''', '''vertical''', '''horizontal'''

==Beispiele==
===Einfaches Beispiel===
Dieses Beispiel zeigt nach einem Klick auf einen Button mehrere Buttons zur Auswahl von Werten.
<source lang="html">
<div class="col-1-2">
<div data-type="circlemenu" class="">
<ul>
<li><div data-type="push" data-icon="fa-wrench"></div></li>
<li><div data-type="push" data-device="AvReceiver" data-set-on="subwoofer-temporary-level -6" data-icon="">-6</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set-on="subwoofer-temporary-level -2" data-icon="">-2</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set-on="subwoofer-temporary-level 0" data-icon="">0</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set-on="subwoofer-temporary-level 3" data-icon="">2</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set-on="subwoofer-temporary-level 9" data-icon="">9</div></li>
<li><div data-type="push" data-device="AvReceiver" data-set-on="subwoofer-temporary-level 12" data-icon="">12</div></li>
</ul>
</div>
<div class="">Woofer</div>
</div>
</source>
[[File:Circlemenu tabletUI.png]]

[[Kategorie:FHEM Tablet UI]]