ui5-smart-access/fragments/ColorBlindnessPanel.fragment.xml

A custom accessibility popover for SAP UI5 applications.

<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core">
   <Panel id="colorBlindnessPanel" expandable="true" expanded="{settings>/colorBlindnessExpanded}" width="auto" class="colorBlindnessPanel">
      <headerToolbar>
         <OverflowToolbar active="true" press="onColorBlindnessToolbarPress">
            <core:Icon src="sap-icon://palette" size="20px" />
            <Title text="{i18n>colorBlindness.title}" />
         </OverflowToolbar>
      </headerToolbar>
      <content>
         <VBox visible="{settings>/colorBlindnessVisible}" justifyContent="Center" alignItems="Center" width="100%">
            <HBox alignItems="Center" width="200px" justifyContent="SpaceBetween">
               <Select id="colorBlindnessSelect" selectedKey="{settings>/colorBlindnessType}" type="Default">
                  <items>
                     <core:Item key="none" text="{i18n>colorBlindness.none}" />
                     <core:Item key="protanopia" text="{i18n>colorBlindness.protanopia}" />
                     <core:Item key="deuteranopia" text="{i18n>colorBlindness.deuteranopia}" />
                     <core:Item key="tritanopia" text="{i18n>colorBlindness.tritanopia}" />
                     <core:Item key="achromatopsia" text="{i18n>colorBlindness.achromatopsia}" />
                  </items>
               </Select>
               <Button id="colorBlindnessResetButton"  icon="sap-icon://refresh"/>

            </HBox>
         </VBox>
      </content>
   </Panel>
</core:FragmentDefinition>