Multi Search Bar
INFO
The multi-search is a search bar that allows the user to search in different libraries. Used in Rezeptur/Defektur Eingabemaske.
New Version: Link Bar / Button Bar.
Rezeptur
Show Code
html
<div class="h-highlight-block -small -primary-lightest -has-border h-border-radius-button-large -border-bottom h-box-shadow p-x-m p-y-xs m-b-xxl">
<div class="h-flex h-flex-row h-vertical-center">
<i class="far fa-2x fa-file-search h-color-black"></i>
<div class="m-l-l">
<label class="c-label -old">Bibliotheken durchsuchen ...</label>
<div class="h-flex h-flex-row h-vertical-center h-space-between m-y-xxs">
<span class="accessRestrictedLink">
<a class="c-link -redesign m-r-s">Rezeptur-Archiv</a>
</span>
<span class="accessRestrictedLink">
<a class="c-link -redesign m-x-s">Defektur-Archiv</a>
</span>
<span class="accessRestrictedLink">
<a class="c-link -redesign m-x-s">NRF-Vorschriften</a>
</span>
<span class="accessRestrictedLink">
<a class="c-link -redesign m-x-s">DAC/NRF Rezepturenfinder</a>
</span>
</div>
</div>
</div>
</div>Defektur
Show Code
html
<div class="h-highlight-block -small -primary-lightest -has-border h-border-radius-button-large -border-bottom h-box-shadow p-x-m p-y-xs m-b-xxl">
<div class="h-flex h-flex-row h-vertical-center">
<i class="far fa-2x fa-file-search h-color-black"></i>
<div class="m-l-l">
<label class="c-label -old">Bibliotheken durchsuchen ...</label>
<div class="h-flex h-flex-row h-vertical-center h-space-between m-y-xxs">
<a href="#rezeptur-laden-inhalt" id="rezeptur-laden" class="c-link -redesign m-r-m">
Eigene Rezepturen
</a>
<a href="#defektur-laden-inhalt" id="defektur-laden" class="c-link -redesign m-x-m">
Eigene Defekturen
</a>
<a href="#nrf-vorschrift-laden-inhalt" id="nrf-vorschrift-laden" class="c-link -redesign m-x-m">
NRF-Vorschriften
</a>
<a href="#rezepturenfinder-laden-inhalt" id="rezepturenfinder-laden" class="c-link -redesign m-x-m">
DAC/NRF Rezepturenfinder
</a>
</div>
</div>
</div>
</div>