# B. Neue Komponente - Bilder



<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2F761MpksLTUJ2JdJyyvvR%2Fclosed.png?alt=media&#x26;token=565a2f37-af41-4052-abd9-8455000b135a" alt=""><figcaption><p>Abbildung B.1 Geschlossene SelectComponent</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FewFmoKdilZOjHIK3HGY4%2Fclosed.focused.png?alt=media&#x26;token=18b0d9fd-9962-41dc-aa9e-92e8be384b87" alt=""><figcaption><p>Abbildung B.2 Fokussierte SelectComponent</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FVQ6fHqyDMLjvfGWqCPMR%2Fclosed.required.png?alt=media&#x26;token=db097d73-a747-48b6-898a-b50dbf42e6c7" alt=""><figcaption><p>Abbildung B.3 Required SelectComponent</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FZLgmFjb7vbWvMW56FvUY%2Fclosed.disabled.png?alt=media&#x26;token=f1ad128a-bd86-462c-a4be-b5222a44069f" alt=""><figcaption><p>Abbildung B.4 Disabled SelectComponent</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FeHbth05hlhbHVLLejvyl%2Fclosed.filled.png?alt=media&#x26;token=8f261ead-f37c-4a81-b3a5-fe64b9c7a590" alt=""><figcaption><p>Abbildung B.5 Ausgefüllte SelectComponent</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2F72nLELfTsiqvHRd6FgiF%2Fclosed.img.png?alt=media&#x26;token=e70ca065-cf64-49e3-b55b-a9655f41fb08" alt=""><figcaption><p>Abbildung B.6 Ausgefüllte SelectComponent mit Bild</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FrdB7PsvEpmDSnnpf6ene%2Fopened.1col.png?alt=media&#x26;token=35cf9916-5651-4cd8-a46b-e3105ccf6daa" alt=""><figcaption><p>Abbildung B.7 Offene SelectComponent – 1 Spalte</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2F0FAaCgW7iVBBouCn0kUK%2Fopened.highlighted.png?alt=media&#x26;token=97c6e3f2-4c31-4cde-ab2e-7e42749411b6" alt=""><figcaption><p>Abbildung B.8 Offene SelectComponent mit Highlight</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FAmaArtYK3wbAGDvUTY0M%2Fopened.cursored.png?alt=media&#x26;token=0458423b-1783-4e9b-889e-d8532b685e36" alt=""><figcaption><p>Abbildung B.9 Offene SelectComponent mit Cursor-Position</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FdwBYAjL4PtDuAQEc87vk%2Fopened.selected.png?alt=media&#x26;token=ffd20c8a-0eee-4225-81d0-998c18ded0d4" alt=""><figcaption><p>Abbildung B.10 Offene SelectComponent mit Selektion</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2F6qdDO1QVVxpBkbPQgd4p%2Fopened.highlighted.cursored.png?alt=media&#x26;token=475b59e1-1570-4bbc-875b-0ec848341804" alt=""><figcaption><p>Abbildung B.11 Offene SelectComponent mit Highlight &#x26; Cursor-Position</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FnIu7rLZKqBCq5FgQ8vw9%2Fopened.selected.cursored.highlighted.png?alt=media&#x26;token=00052daf-ca0d-4105-96c0-c574aba88d62" alt=""><figcaption><p>Abbildung B.12 Offene SelectComponent mit Highlight &#x26; Cursor-Position &#x26; Selektion</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FyJwnL4XabpsBm3drj1Ri%2Fopened.2col.png?alt=media&#x26;token=3cdcdbfa-fcea-4d67-bdf6-4cf2df366f5c" alt=""><figcaption><p>Abbildung B.13 Offene SelectComponent – 2 Spalten</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FGYYAq0POTQfLGXKYGv6L%2Fopened.2col.categoried.png?alt=media&#x26;token=c768f22e-621d-4e44-b6dc-d9ef58cf6031" alt=""><figcaption><p>Abbildung B.14 Offene SelectComponent mit Kategorie-Selektion</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FZtxfyJZJJNSLXyoYSJnX%2Fopened.img.png?alt=media&#x26;token=789d84a5-e2ec-44bc-aeba-08c9943a5500" alt=""><figcaption><p>Abbildung B.15 Offene SelectComponent mit Bildern</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FJ6Pg2RehtScGPKyH1Jub%2Fopened.3col.png?alt=media&#x26;token=a2cc6cb4-7bf0-4c9b-9a37-dfae56d7d398" alt="" width="563"><figcaption><p>Abbildung B.16 Offene SelectComponent – 3 Spalten</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2F3LauB9zELWYflLgxwuom%2Fopened.3col.categoried.png?alt=media&#x26;token=a98893d7-317c-420b-8777-efba08208955" alt=""><figcaption><p>Abbildung B.17 Offene SelectComponent mit Kategorie-Selektion</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2Fai0Zzq8JL2nWfA2HdY2r%2Fopened.3col.categoried.subcategoried.png?alt=media&#x26;token=d81ccc52-ef02-40f8-879b-cea89d193afe" alt=""><figcaption><p>Abbildung B.18 Offene SelectComponent mit Kategorie- &#x26; Subkategorie-Selektion</p></figcaption></figure></div>

<div><figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FCjX1O9Sc20W1rwTiIY0U%2Fmessage.outdated.firefox.png?alt=media&#x26;token=1d8e573b-22c1-416c-a0e0-dc2f9c6abc4c" alt="" width="375"><figcaption><p>Abbildung B.19 Alert bei SelectComponent in veraltetem Firefox</p></figcaption></figure> <figure><img src="https://992617930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6gG3ZwRamlY91jTcyxr6%2Fuploads%2FaeWx0H7l517FS09AjMuC%2Fopened.outdated.firefox.png?alt=media&#x26;token=81942f54-389f-4c7f-bf0f-66340786e1e4" alt="" width="563"><figcaption><p>Abbildung B.20 Offene SelectComponent in veraltetem Firefox</p></figcaption></figure></div>

