Konfigurieren Sie einen dekorativen Schieberegler

Erstellen Sie eine farbige Schieberegleroption für eine Zahleneingabe auf Ihrem Eingabeformularbildschirm. Dekorative Schieberegler enthalten Abschnitte, die einer bestimmten Farbe und Bezeichnung zugeordnet werden können, um die visuelle Darstellung zu erleichtern. Diese Bezeichnungen sind übersetzbar.

Vorbereitungen

Erforderliche Rolle: Administrator

Diese Aufgabe setzt voraus, dass Sie bereits die Basis eines Eingabeformularbildschirms konfiguriert haben, bevor Sie die Schieberegleroption für eine Zahleneingabe hinzufügen. Weitere Informationen finden Sie unter Eingabeformular-Bildschirme konfigurieren.

Warum und wann dieser Vorgang ausgeführt wird

Das Erstellen eines Schieberegler-Rendertyps ist stärker betroffen als für die anderen Rendertypen: Ganzzahl, Linie, Prozentsatz. Die Konfiguration umfasst die Erstellung mehrerer Eingabeattribute. Erforderliche Attribute sind Min. Max. Und Schrittgröße. Eine vollständige Liste der Eingabeattribute, die Sie mit einem Zahlenschieberegler verwenden können, finden Sie unter Zahlenrendertypen und kompatible Eingabeattribute.

Sie müssen ein zusätzliches Eingabeattribut namens Dekoration hinzufügen, das dem Schieberegler eine farbenfrohe und segmentierte Darstellung verleiht. Ein dekorativer Schieberegler hat zwischen zwei und acht Abschnitte, in denen Sie einen Start- und einen Endwert definieren. Der Startwert muss mit dem Endwert des vorherigen Eintrags übereinstimmen. Außerdem müssen Sie für jeden Abschnitt eine Farbe auswählen. Ein JSON-Beispielskript wird bereitgestellt, das vier definierte Abschnitte enthält. Dieses Skript kann bearbeitet werden.

Beim Konfigurieren eines dekorativen Schiebereglertyps zum Hinzufügen übersetzter Werte gibt es eine Option, damit Anwender den Schieberegler in ihrer ausgewählten Sprache anzeigen können. Weitere Informationen finden Sie unter Konfigurieren Sie übersetzte Werte für den dekorativen Schieberegler.

Prozedur

1. Navigieren zu Alle > System Mobile > Mobile App Builderan.
   Mobile App Builder wird in einer neuen Browserregisterkarte geöffnet und der Auswahlbildschirm für den Anwendungsbereich wird angezeigt.
2. Suchen Sie nach dem Anwendungsbereich, in dem Sie arbeiten, und wählen Sie dann den Namen des Anwendungsbereichs aus.
   Der Startbildschirm der Mobile App Builder-Kategorien wird angezeigt.
3. Wählen Sie aus  Bildschirme  Kategorie, und wählen Sie dann den Eingabeformularbildschirm aus, für den Sie Eingaben konfigurieren möchten.
4. Scrollen Sie nach unten zum Abschnitt Eingaben des Formulars, und wählen Sie dann entweder eine zu ändernde Eingabe aus, oder wählen Sie sie aus  Neu  Dient zum Erstellen einer Eingabe.
   Das Formular „Eingabe“ wird angezeigt. Weitere Informationen zum Konfigurieren von Eingaben finden Sie unter Eingaben für Eingabeformular-Bildschirme konfigurieren.
5. In Eingabetyp Wählen Sie im Bereich Einstellungen die Option aus Nummer .
6. Wählen Sie Aus Neu Im Bereich Eingabeattribute.
7. Wählen Sie Aus RenderType Von Name Feld auswählen Schieberegler Von Wert Feld, und wählen Sie dann aus Speichern .
8. Erstellen und speichern Sie die Eingabeattribute für Min, Max und Schrittgröße, und definieren Sie ihre Werte.
   Konfigurationsdetails finden Sie unter Konfigurieren Sie eine Schieberegleroption für eine Zahleneingabe.

   Hinweis:

   RenderType, Min., Max. Und Schrittgröße sind erforderliche Eingabeattribute für Schieberegler. Andere Eingabeattribute sind optional. Eine vollständige Liste der Eingabeattribute finden Sie im Abschnitt „Zahleneingaben“ im Thema Eingabeformular-Bildschirmattribute für Eingaben.
9. Wählen Sie Aus Neu Im Bereich Eingabeattribute.
10. Wählen Sie Aus Dekoration Von Name Feld.
    Ein JSON-Skript wird mit einem Standardskript angezeigt, das Sie nach Bedarf bearbeiten können.

      "Range": [ 
    
        { 
          "Label": "Critically Low", 
          "StartValue": 0, 
          "EndValue": 10, 
          "Color": "#000000" 
        }, 
        { 
          "Label": "Low", 
          "StartValue": 10, 
          "EndValue": 50, 
          "Color": "Slider-2" 
        }, 
        { 
          "Label": "Medium", 
          "StartValue": 50, 
          "EndValue": 75, 
          "Color": "Slider-1" 
        }, 
        { 
          "Label": "High", 
          "StartValue": 75, 
          "EndValue": 100, 
          "Color": "Slider-0" 
        } 
      ] 
    } 

    Dieses Beispielskript listet vier Abschnitte auf, die in einem Schieberegler enthalten sind. Ein dekorativer Schieberegler kann zwischen zwei und acht Abschnitte enthalten. Jedes Segment hat die folgenden Werte:

    • Bezeichnung: Ein Name, der jedem Abschnitt zugeordnet ist. Im Beispiel sind sie: Kritisch niedrig, Niedrig, Mittel und hoch. Die Namen können bearbeitet werden.
      Hinweis:

      Die im Bezeichnungswert enthaltenen Namen können übersetzt werden. Dazu müssen doppelte geschweifte Klammern zu hinzugefügt werden Bezeichnung Wert. Beispiel: Mittel Wird {{Mittel}} . Weitere Informationen finden Sie unter Konfigurieren Sie übersetzte Werte für den dekorativen Schieberegler.
    • StartValue und Endwert: Dies können ein beliebiger Wert sein. Normalerweise sind diese Werte durch die Anzahl der Abschnitte teilbar. Der StartValue eines Abschnitts muss dem Endwert des vorherigen Abschnitts entsprechen.
    • Farbe: Der Farbwert kann entweder ein HEX-Code oder die Bezeichnung einer Variable aus Ihrem aktuellen mobilen Design sein. Das JSON-Skript bietet die folgenden Standardfarben:
      • Nr. 000000 Entspricht Grün.
      • Schieberegler-1 Entspricht Gelb.
      • Schieberegler-2 Entspricht Orange.
      • Schieberegler-3 Entspricht Rot.
      Um eine vollständige Liste der Variablen zu erhalten, navigieren Sie zu Alle > sys_ux_style.list Und suchen Sie nach Mobile Colors Standard.
11. Wählen Sie Speichern.

Nächste Maßnahme

Sie können jedem der Textwerte, die auf Ihrem Schieberegler angezeigt werden, übersetzten Text hinzufügen. Weitere Informationen finden Sie unter Konfigurieren Sie übersetzte Werte für den dekorativen Schieberegler.