External Labels The rules For all external labels
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 - 1 st 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) - 2 nd 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)
External Labels Darstellung bpmn-js Versicherungspolice prüfen lassen Label String aus XML Versicherungspolice &#x. D; &#x. A; prüfen lassen 1 st check Versicherungspolice prüfen lassen Versicherung Police prüfen lassen Label Box Versicherungspolice prüfen lassen 2 nd check Versicherung Police prüfen lassen else
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 - 1 st 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 - 2 nd 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 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
Interne Labels Darstellung bpmn-js Versicherung spolice prüfen lassen Versicherung Police prüfen lassen Label String aus XML Versicherungspolice &#x. D; &#x. A; prüfen lassen 1 st check Versicherungspolice prüfen lassen 1 st check Versicherung Police prüfen lassen
Interne Labels Darstellung bpmn-js Versicherungspolice prüfen lassen können sein tun Versicherungspolice prüfen lassen Versicherung en Police prüfen lassen Label String aus XML Versicherungspolice &#x. D; &#x. A; prüfen lassen können s 2 nd check Versicherungspolice prüfen lassen else Versicherungen Police prüfen lassen 1 st check
Corner Cases - Text annotation - We take the height of the text annotation into account (see examples) - The text is aligned left - The default text box is wider (300 px) - The other rules of external labels apply - Expanded subprocess - Label position is at upper left corner (the other rules of internal labels apply) - Data objects / data stores - Is there anything special?
Text annotation Labels Darstellung bpmn-js Label String aus XML Versicherungspolice prüfen lassen können sein tun Versicherungspolice &#x. D; &#x. A; prüfen lassen können s Versicherungspolice prüfen lassen Versicherungen Police prüfen lassen tun werden
- Slides: 7