Skip to Content

For English reader:

Hello I’m Cong, now I’m a developer in CEC Revenue Cloud in Chengdu, China. This blog is writter in both English and German (for learning purpose). Please just read the bold paragraphs and sorry for the inconvenience. Thanks a lot!

Für Deutsch Leser:

Hallo ich bin Cong. Jetzt bin ich ein Developer bei CEC Revenue Cloud in Chengdu, China. Ich möchte Programmierkenntnisse hier teilen und gleichzeitig mein Deutsch verbessern. Deshalb schreibe ich Blogs in Deutsch und Enghlish. Wenn Sie Syntaxfehler finden, oder mein Deutsch ist zu schlecht zu verstehen, bitte lesen Sie die English Version und sagen Sie mir den richtigen Ausdruck. Herzlich Dank und ich hoffe, dass Sie meinen Blog genießen. Prost!


For UI5 developers maybe Demo Kit is the most useful tool. We could find many documents as well as samples. But sometimes we still have some questions that Demo Kit could not answer. So I would like to write a blog series called “Things that Demo Kit didn’t tell you“. In this series I would like to explore the controls with some other resources, e.g. source code, Fiori Guideline. Hope this series could help you and if you find any mistakes in my blog please also help to point them out. Thank you! Catalog of this series could be found here.

Vielleicht ist Demo-Kit das sinnvollste Werkzeug für UI5-Developer. Da können wir viele Dokument und Beispiele finden. Aber manchmal gibt es noch einige Frage, die Demo-Kit nicht antwort kann. Deshalb möchte ich eine Blogserie “Dinge, die Demo-Kit Ihnen nicht mitgeteilt hat” schreiben. In diese Serie erforsche ich Controls mit verschiedener Ressource, z.B. Quellcode, Fiori Guideline. Ich hoffe, dass diese Serie sinnvoll für Sie ist. Wenn Sie Fehler in meinem Blog finden, bitte hinweisen Sie mir. Danke schön. Der Katalog dieser Serie ist hier.


Three Parts of a Label / Drei Teile eines Label

Label is not just a plain text. When it is rendered you could see it contains three parts:

  1. If the “required” property of the label is set as true, then there will be a red star in the front.
  2. The second part is the label.
  3. If the label is inside of a form, there will be a colon at the end.

Label ist nicht nur ein einfacher Text. Du kannst drei teile finden, wenn es gerendert wird:

  1. Wenn die “required” Eingenschaft des Label “true” ist, davor gibt es ein roter Stern.
  2. Der zwiete Teil ist das Label.
  3. Wenn das Label ist in einem Form, danach gibt es ein Doppelpunkt.

The Property DisplayOnly / Die Eigenschaft DisplayOnly

We all now that Label is just a text which is used as a tag of a field. Then what’s the meaning of “DisplayOnly”? From the Fiori guideline we could see if a Label is displayOnly, then it’s color will be lighter, which could be easily distinguished from a Text. So the meaning of the property is actually “the label is used for a not editable field”.

Wir wissen, dass Label ist ein Text eines Feld. Dann was bedeutet “DisplayOnly”? In Fiori Guideline finden wir, dass die Farbe ist leichter, wenn ein Label “DisplayOnly” ist. Dann wird es leicht von einem Text unterschieden. Deshalb ist tatsächlich die Meinung: “Dieses Label ist für nicht bearbeitetes Feld”.

It sounds really like the “editable” property of a sap.ui.layout.form.SimpleForm. What if we combine them together?

Es sieht wie die “Editable” Eigenschaft des sap.ui.layout.form.SimpleForm aus. Was wäre wenn kombinieren wir sie zusammen?

So when the “displayOnly” property of Label is set, the “editable” property of SimpleForm has no influence. Otherwise the color is determined by the “editable” property of SimpleForm.

Deshalb hat die “Editable” Eigenschaft des SimpleForm keinen Einfluss, wenn man die “displayOnly” property von Label setzen. Andernfalls wird die Farbe von der “Editable” Eigenschaft des SimpleForm entschieden.

Wrapping / Wrapping

From the UI5 version 1.50, just like sap.m.Text, Label also has the property “Wrapping”. But in the Fiori guideline it says that this property should be used only in a form. But in the responsive table’s guideline we also find that, if the column could not pop-in, then we could use a wrapped label for it.

Von die UI5 Version 1.50 hat Label auch die Eigenschaft “Wrapping” wie sap.m.Text. Aber in dem Fiori Guidline finden wir, dass diese Eigenschaft kann nur in einem Form benutzt wirden. Aber in dem Guideline von Responsive Table finden wir, wenn das Column nicht pop-in kann, benuzten wir ein wrapped Label.

 

To report this post you need to login first.

2 Comments

You must be Logged on to comment or reply to a post.

Leave a Reply