Drawio Constraint for List Group, Horizontal Child Re-sizing
#4600
Replies: 1 comment
-
|
Figured it out! the text will grow in any direction based on what direction the text itself is tied to (justify left, right, center) This is the shape I ended up using to solve the problem, I used a horizontal list grouped with another text list item Group
here is the code of the object, also including the term 'autosize' for ease of search later on :)
|
Beta Was this translation helpful? Give feedback.
-
Hello! I'm using the "List Group, Horizontal" object to make different sections for describing different types of information for a connection diagram
the goal is that I can have these 'ports' on either side of my objects and have them resize according to where the waypoint is.
I was wondering if I could choose which way the text re-sizes. As you can see in the image below, no matter what properties I change, the list always re-sizes from the left side of the object. I have set the constraint for the parent object, I've set the constraint for the child object, mixtures of both, rotated it upside down, it's always anchored by the left side when changing sizing
Is there any way to change this?
XML of Object:
%3CmxGraphModel%3E%3Croot%3E%3CmxCell%20id%3D%220%22%2F%3E%3CmxCell%20id%3D%221%22%20parent%3D%220%22%2F%3E%3CmxCell%20id%3D%222%22%20value%3D%22%22%20style%3D%22swimlane%3Bshape%3Dmxgraph.bootstrap.anchor%3BstrokeColor%3D%23DFDFDF%3BfillColor%3D%23ffffff%3BfontColor%3D%23212529%3BfontStyle%3D0%3BchildLayout%3DstackLayout%3Bhorizontal%3D0%3BstartSize%3D0%3BhorizontalStack%3D1%3BresizeParent%3D1%3BresizeParentMax%3D0%3BresizeLast%3D0%3Bcollapsible%3D0%3BmarginBottom%3D0%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3Bdirection%3Dsouth%3BportConstraint%3Dwest%3BlabelPosition%3Dright%3BverticalLabelPosition%3Dmiddle%3Balign%3Dleft%3BverticalAlign%3Dmiddle%3Bcomic%3D0%3Bconnectable%3D0%3BallowArrows%3D0%3Bperimeter%3DrectanglePerimeter%3BnoLabel%3D1%3Bautosize%3D0%3BautosizeGrid%3D1%3BfixedWidth%3D1%3BportConstraintRotation%3D1%3B%22%20vertex%3D%221%22%20parent%3D%221%22%3E%3CmxGeometry%20x%3D%22-4540%22%20y%3D%22-370%22%20width%3D%22180%22%20height%3D%2238%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3CmxCell%20id%3D%223%22%20value%3D%22fds%22%20style%3D%22text%3BstrokeColor%3Dinherit%3Balign%3Dcenter%3BverticalAlign%3Dmiddle%3BspacingLeft%3D10%3BspacingRight%3D10%3Boverflow%3Dhidden%3Bpoints%3D%5B%5B0%2C0.5%5D%2C%5B1%2C0.5%5D%5D%3BportConstraint%3Deast%3Brotatable%3D0%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3Bshape%3Dmxgraph.bootstrap.leftButton%3BrSize%3D5%3BfillColor%3Dinherit%3BfontColor%3Dinherit%3Bautosize%3D1%3BallowArrows%3D0%3Bconnectable%3D0%3Bdirection%3Dnorth%3BportConstraintRotation%3D1%3B%22%20vertex%3D%221%22%20parent%3D%222%22%3E%3CmxGeometry%20width%3D%2260%22%20height%3D%2238%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3CmxCell%20id%3D%224%22%20value%3D%22SFP%22%20style%3D%22text%3BstrokeColor%3Dinherit%3Balign%3Dcenter%3BverticalAlign%3Dmiddle%3BspacingLeft%3D10%3BspacingRight%3D10%3Boverflow%3Dhidden%3Bpoints%3D%5B%5B0%2C0.5%5D%2C%5B1%2C0.5%5D%5D%3BportConstraint%3Deast%3Brotatable%3D0%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3BrSize%3D5%3BfillColor%3Dinherit%3BfontColor%3Dinherit%3Bconnectable%3D0%3BallowArrows%3D0%3Bautosize%3D1%3Bdirection%3Dnorth%3B%22%20vertex%3D%221%22%20parent%3D%222%22%3E%3CmxGeometry%20x%3D%2260%22%20width%3D%2250%22%20height%3D%2238%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3CmxCell%20id%3D%225%22%20value%3D%2222%22%20style%3D%22text%3BstrokeColor%3Dinherit%3Balign%3Dcenter%3BverticalAlign%3Dmiddle%3BspacingLeft%3D10%3BspacingRight%3D10%3Boverflow%3Dhidden%3Bpoints%3D%5B%5B0%2C0.5%5D%2C%5B1%2C0.5%5D%5D%3BportConstraint%3Dwest%3Brotatable%3D0%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3Bshape%3Dmxgraph.bootstrap.rightButton%3BrSize%3D5%3BfillColor%3Dinherit%3BfontColor%3Dinherit%3Bconnectable%3D0%3BallowArrows%3D0%3Bautosize%3D1%3Bdirection%3Dsouth%3B%22%20vertex%3D%221%22%20parent%3D%222%22%3E%3CmxGeometry%20x%3D%22110%22%20width%3D%2250%22%20height%3D%2238%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3CmxCell%20id%3D%226%22%20value%3D%22%22%20style%3D%22shape%3Dwaypoint%3Bsketch%3D0%3BfillStyle%3Dsolid%3Bsize%3D6%3BpointerEvents%3D1%3Bpoints%3D%5B%5D%3BfillColor%3Dnone%3Bresizable%3D0%3Brotatable%3D0%3Bperimeter%3DcenterPerimeter%3BsnapToPoint%3D1%3BportConstraint%3Dwest%3B%22%20vertex%3D%221%22%20parent%3D%222%22%3E%3CmxGeometry%20x%3D%22160%22%20width%3D%2220%22%20height%3D%2238%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3C%2Froot%3E%3C%2FmxGraphModel%3EBeta Was this translation helpful? Give feedback.
All reactions