{ "$$ClassName" : "TCastleUserInterface", "FullSize" : true, "Name" : "Group1", "$Children" : [ { "$$ClassName" : "TCastleRectangleControl", "FullSize" : true, "Name" : "RectangleControl1" }, { "$$ClassName" : "TCastleHorizontalGroup", "Name" : "ButtonsLeft", "Spacing" : 1.0000000000000000E+001, "TranslationPersistent" : { "$$ClassName" : "TCastleVector2Persistent", "X" : 1.0000000000000000E+001, "Y" : 1.0000000000000000E+001 }, "$Children" : [ { "$$ClassName" : "TCastleButton", "Caption" : "HTML", "CustomBackgroundDisabled" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundFocused" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundNormal" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundPressed" : { "$$ClassName" : "TCastleImagePersistent" }, "Image" : { "$$ClassName" : "TCastleImagePersistent" }, "Name" : "ButtonHtml", "Pressed" : true, "Toggle" : true, "VerticalAnchorParent" : "vpMiddle", "VerticalAnchorSelf" : "vpMiddle" }, { "$$ClassName" : "TCastleButton", "Caption" : "Wrap", "CustomBackgroundDisabled" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundFocused" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundNormal" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundPressed" : { "$$ClassName" : "TCastleImagePersistent" }, "Image" : { "$$ClassName" : "TCastleImagePersistent" }, "Name" : "ButtonWrap", "Pressed" : true, "Toggle" : true, "TranslationPersistent" : { "$$ClassName" : "TCastleVector2Persistent", "X" : 1.1400000762939453E+002 }, "VerticalAnchorParent" : "vpMiddle", "VerticalAnchorSelf" : "vpMiddle" } ] }, { "$$ClassName" : "TCastleHorizontalGroup", "HorizontalAnchorParent" : "hpRight", "HorizontalAnchorSelf" : "hpRight", "Name" : "ButtonsRight", "Spacing" : 1.0000000000000000E+001, "TranslationPersistent" : { "$$ClassName" : "TCastleVector2Persistent", "X" : -1.0000000000000000E+001, "Y" : 1.0000000000000000E+001 }, "$Children" : [ { "$$ClassName" : "TCastleButton", "Caption" : "Left", "CustomBackgroundDisabled" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundFocused" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundNormal" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundPressed" : { "$$ClassName" : "TCastleImagePersistent" }, "Image" : { "$$ClassName" : "TCastleImagePersistent" }, "Name" : "ButtonAlignLeft", "Pressed" : true, "Toggle" : true, "VerticalAnchorParent" : "vpMiddle", "VerticalAnchorSelf" : "vpMiddle" }, { "$$ClassName" : "TCastleButton", "Caption" : "Middle", "CustomBackgroundDisabled" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundFocused" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundNormal" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundPressed" : { "$$ClassName" : "TCastleImagePersistent" }, "Image" : { "$$ClassName" : "TCastleImagePersistent" }, "Name" : "ButtonAlignMiddle", "Toggle" : true, "TranslationPersistent" : { "$$ClassName" : "TCastleVector2Persistent", "X" : 8.8000000000000000E+001 }, "VerticalAnchorParent" : "vpMiddle", "VerticalAnchorSelf" : "vpMiddle" }, { "$$ClassName" : "TCastleButton", "Caption" : "Right", "CustomBackgroundDisabled" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundFocused" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundNormal" : { "$$ClassName" : "TCastleImagePersistent" }, "CustomBackgroundPressed" : { "$$ClassName" : "TCastleImagePersistent" }, "Image" : { "$$ClassName" : "TCastleImagePersistent" }, "Name" : "ButtonAlignRight", "Toggle" : true, "TranslationPersistent" : { "$$ClassName" : "TCastleVector2Persistent", "X" : 2.1600000000000000E+002 }, "VerticalAnchorParent" : "vpMiddle", "VerticalAnchorSelf" : "vpMiddle" } ] }, { "$$ClassName" : "TCastleScrollView", "Border" : { "$$ClassName" : "TBorder", "AllSides" : 1.0000000000000000E+001, "Bottom" : 6.0000000000000000E+001 }, "BorderColorPersistent" : { "$$ClassName" : "TCastleColorPersistent", "Blue" : 1.0000000000000000E+000, "Green" : 1.0000000000000000E+000, "Red" : 1.0000000000000000E+000 }, "EnableDragging" : true, "FullSize" : true, "Name" : "ScrollView", "ScrollArea" : { "$$ClassName" : "TCastleScrollArea", "Height" : 5.0000000000000000E+002, "Width" : 5.0000000000000000E+002, "$Children" : [ { "$$ClassName" : "TCastleLabel", "Html" : true, "Name" : "LabelMain", "Text" : [ "Using the TCastleLabel.Html = true allows to render text with HTML markup. We support a small subset of elements from HTML. We don't try to implement a full HTML renderer here!, only to implement some useful elements that are comfortable to use inline in a text. This way you can express more interesting text within a single string, within a single TCastleLabel instance.", "", "This text is bold. This one is even bold and italic at the same time! (again only bold) (again normal). You can go crazy with colors: blue green back to blue now blue and bold! and italic too! back to just bold back to just blue.", "", "Font sizes also work. Text smaller even smaller even more smaller back back back. This is done by <small> element. You can also use <font size=\"+/-number\"> or <font size=\"1..7\">: small: one small two small three small back back, large: one large two large three large four large back back.", "", "You can also use percentages to specify font size relative to base size (this is not possible in HTML). Nesting these tags does not make their percentages relative. Two times smaller than normal Two times larger.", "", "Note that embedded <small> element makes the text smaller and smaller, but embedded <font size=\"-1\"> does not. This is consistent with HTML (<font size=\"-1\"> is not relative to parent).", "", "You can use entities &amp;, &lt;, &gt; &apos; &quot; as expected, to escape special HTML/XML sequences: &, <, > ' ".", "", "HTML comments also work (are omitted, zero size): <!-- this is how to write a comment -->.", "", "Whitespace: we treat whitespace unlike HTML. This means that a newline in text does result in a newline in output. And more spaces in input do make more space (like this: ) in output. Here's a newline:", "This is unlike HTML, but is consistent and very comfortable in our case - you often don't need the HTML markup, but you still need to indicate newlines and more spaces. Another newline:", "So a newline/space in input is a visible newline/space in output, regardless if you use HTML markup or not.", "", "You can also use HTML paragraph <p> and <br> and <br/> elements.
Newline.
Another newline.

Paragraph <p> is simply just 2 newlines, so it makes a line-size break.

Line wrapping always works Ok, even if you go crazy with colors and bold/italic. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." ], "VerticalAnchorParent" : "vpTop", "VerticalAnchorSelf" : "vpTop" } ] } } ] }