1 / 7

External Labels – The rules

External Labels – The rules. For all external labels the following rules apply (external labels are all labels which are not inside of a shape) - all labels are displayed in centered style - 1st check: prio 1 -- label text includes manual formatting (e.g. line breaks), then

pegeen
Download Presentation

External Labels – The rules

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. External Labels – The rules For all external labels the following rules apply (external labels are all labels which are not inside of a shape) - all labels are displayed in centered style - 1st check: prio 1 -- label text includes manual formatting (e.g. line breaks), then --- we ignore the bounds of the label box --- we display the label according to the users editing (no auto line breaks, just the ones which are in the text) - 2nd check: prio 2 -- DI includes a label box, then --- we only care for the width of the label box --- we perform auto line breaks between words so that the text is fitted in the box --- exception: if a whole word exceeds the box, we do not auto line break within the word --- we ignore manual editing (e.g. line breaks) - else -- we use a predefined label width of 150 px --- we perform auto line breaks between words so that the text is fittet in the box --- exception: if a whole word exceeds the box, we do not auto line break within the word --- we ignore manual editing (e.g. line breaks)

  2. External Labels Darstellung bpmn-js Label String aus XML Versicherungspolice 
prüfen lassen Versicherungspolice prüfen lassen 1st check Versicherungspolice prüfen lassen Versicherungspolice prüfen lassen 2nd check Versicherung Police prüfen lassen Versicherung Police prüfen lassen else Label Box

  3. Interne Labels – The rules • For all internal labels, the following rules apply • (internal labels are all labels inside of shapes, task, call activity, subprocess, collapsed pool, pool header) • we will always ignore the label box and take the boundaries of the shape (with padding) • all labels are displayed in centered style • - 1st check: prio 1 • -- label text contains single words, which go beyond the width of the shape, then • --- we ignore all formatting (e.g. line breaks) and wrap the whole text in the box • --- we add auto line breaks between words whenever the boundaries of the shape is reached • --- we add auto line breaks inside a word if a word is too long • --- "-" are considered as a word separator • - 2nd check: prio 2 • -- label text contains manual formatting (e.g. line breaks) and no single word exceeds boundaries of shape, then • --- we follow the formatting and add additional line breaks, when words go beyond the boundaries of the shape • - else • -- no single big word and not formatting • --- we add auto line breaks between words whenever the boundaries of the shape is reached

  4. Interne Labels Darstellung bpmn-js Label String aus XML Versicherung spolice prüfen lassen Versicherungspolice 
prüfen lassen 1st check Versicherung spolice prüfen lassen Versicherungspolice prüfen lassen 1st check Versicherung Police prüfen lassen Versicherung Police prüfen lassen

  5. Interne Labels Darstellung bpmn-js Label String aus XML Versicherungspolice 
prüfen lassen können sein tun Versicherungspolice prüfen lassen können sein tun 2nd check Versicherungspolice prüfen lassen Versicherungspolice prüfen lassen else Versicherungen Police prüfen lassen Versicherung en Police prüfen lassen 1st check

  6. Corner Cases • Text annotation • Wetaketheheightofthetextannotationintoaccount (seeexamples) • The textisalignedleft • The defaulttext box is wider (300px) • The otherrulesofexternallabelsapply • Expandedsubprocess • Label positionis at upperleftcorner (theotherrulesofinternallabelsapply) • Data objects / datastores • Isthereanythingspecial?

  7. Text annotationLabels Darstellung bpmn-js Label String aus XML Versicherungspolice prüfen lassen können sein tun Versicherungspolice 
prüfen lassen können sein tun Versicherungspolice prüfen lassen Versicherungspolice prüfen lassen Versicherungen Police prüfen lassen tun werden Versicherungen Police prüfen lassen tun werden

More Related