Fangen Header: Welche Steuerelemente in ObjectPageHeaderContent verwenden

Ich überprüfe die Richtlinien für Snapping Header.Fangen Header: Welche Steuerelemente in ObjectPageHeaderContent verwenden

Ich möchte wissen, welche Steuerelemente als untergeordnete Objekte von ObjectPageHeaderContent verwendet werden, um Formulare mit Label-Text-Paaren vorzubereiten. Tatsächlich verwende ich ein VerticalLayout mit ObjectStatus-Steuerelementen und ein anderes VerticalLayout mit Title und NumericContent, um das Element wie 3. Element in dem ObjectPageHeaderContent vorzubereiten. Das Ergebnis sieht jedoch nicht wie das Beispiel aus. Die Richtlinien erklären FormFacet und KeyValueFacet, aber haben das nicht verstanden. Wie kann ich das gleiche Ergebnis wie in dem gegebenen Beispiel erzielen.

Vielen Dank im Voraus.

Quelle

2016-11-23 Anjali

Ich versuche, das Problem zu verstehen. In dem von Ihnen angegebenen Link haben Sie rechts oben einen Tab "Ressourcen", , der Sie zum letzten Kapitel auf der verlinkten Seite führt. Dort finden Sie einen Link "Objekt Seitenkopf Inhalt (SAPUI5 Explored)". Wenn Sie diesem Link folgen, kommen Sie zu dieser Seite ObjectPageHeaderContent, wo 2 Beispiele gezeigt werden. Wenn Sie eines dieser Beispiele auswählen, haben Sie ganz rechts oben die Option "Quellcode für dieses Beispiel anzeigen". Dort können Sie auch den Quellcode zusammen mit der index.html herunterladen.

Ist das wonach Sie suchen?

Quelle

2016-11-24 08:40:25

Ich versuchte das selbe.Ich folgte dem erkundeten Beispiel und versuchte, dieses Aussehen zu bekommen.Aber das Ergebnis sieht nicht wie das Beispiel aus.In erkundete er vertikale Layouts, aber wenn er zu dem Beispiel kommt, erklärt er einige Arten von Facetten Ich folgte dem Erkundeten. Aber der Blick ist nicht derselbe in beiden. Betrachten Sie zum Beispiel plainText facet, ich habe sap.m.text mit Titel in einem vertikalen Layout verwendet. Der gesamte Text erscheint in einer Zeile. In diesem Beispiel wurden mehrere Zeilen gerendert. Ebenso waren viele andere kleine Änderungen vorhanden. – Anjali

Bitte haben Sie einen Blick auf ObjectPageHeaderContent

In diesem Beispiel habe ich die ursprüngliche Codierung von sap.uxap.sample.HeaderContent verwendet

habe ich auch Vertikales Layout und hinzugefügt Titel, um es wie das erwähnte Gestaltungselement „Klartext Facette aussehen ". Es wird auch in mehreren Zeilen gerendert. In diesem Fall ist "Nur-Text-Facette" nur ein Begriff, der vom Design verwendet wird, um dieses Element zu beschreiben. Die Implementierung dieses Designelements erfolgt über verschiedene UI5-Steuerelemente.

  <ObjectPageHeaderContent> 
          <content> 
              <layout:VerticalLayout> 
                  <m:ObjectStatus title="User ID" text="12345678"/> 
                  <m:ObjectStatus title="Functional Area" text="Developement"/> 
                  <m:ObjectStatus title="Cost Center" text="PI DFA GD Programs and Product"/> 
                  <m:ObjectStatus title="Email" text="[email protected]"/> 
              </layout:VerticalLayout> 


              <layout:VerticalLayout> 
              <m:Title text="YourHeader" titleStyle="H4"/> 
              <m:Text width="200px" 
                      text="Hi, I'm Denise. I am passionate about what I do and I'll go the extra mile to make the customer win."/> 
                  <m:ObjectStatus title="Email" text="[email protected]"/> 
              </layout:VerticalLayout> 


              <m:ObjectStatus text="In Stock" state="Error"/>

Bitte beschreiben Sie die anderen kleinen Änderungen, damit wir sie betrachten können.

Quelle

2016-11-29 09:12:51

Fangen Header: Welche Steuerelemente in ObjectPageHeaderContent verwenden

Antwort

Verwandte Themen