# haxe-ui
- b
bright-gpu-74537
06/12/2020, 9:58 AM.style is an object on the component though (a Style object). .styleString will take a string and merge it into the .customStyle object (which will later be merged into the .style) - b
bright-gpu-74537
06/12/2020, 9:58 AMthe haxeui macros (which arent in effect for you) will take the style attribute and turn it into styleString - b
bright-gpu-74537
06/12/2020, 9:59 AMand realistically, you should never use .style anyway, you should use .customStyle (the names are all wrong)... in an upcoming version (which has fallen behind) the names are going to change - b
bright-gpu-74537
06/12/2020, 9:59 AM
will become.style
and.computedStyle
will become.customStyle.style - c
cool-psychiatrist-49311
06/12/2020, 9:59 AMoh so customStyle is like "override" - c
cool-psychiatrist-49311
06/12/2020, 9:59 AMok make sense - b
bright-gpu-74537
06/12/2020, 9:59 AMexactly... - b
bright-gpu-74537
06/12/2020, 10:00 AMthe style is the computed style of what to draw, it gets that (basically) by computing it from style sheets and then merging over the top anything in the customstyle - b
bright-gpu-74537
06/12/2020, 10:00 AM(again, the names are wrong here and cause confusion) - c
cool-psychiatrist-49311
06/12/2020, 10:00 AMok got it - c
cool-psychiatrist-49311
06/12/2020, 10:10 AMok with some special handling it is working now - b
bright-gpu-74537
06/12/2020, 10:13 AMthats interesting... i like that "style.prop" stuff - b
bright-gpu-74537
06/12/2020, 10:13 AMis that valid xml? - c
cool-psychiatrist-49311
06/12/2020, 10:14 AMit is valid hxx 🙂 - b
bright-gpu-74537
06/12/2020, 10:14 AMright, will the haxe parser allow it, lemme check - c
cool-psychiatrist-49311
06/12/2020, 10:15 AMYou mean inline markup? - b
bright-gpu-74537
06/12/2020, 10:15 AMi will allow it - c
cool-psychiatrist-49311
06/12/2020, 10:15 AMor the xml parser? - b
bright-gpu-74537
06/12/2020, 10:15 AMno i meant the full stop in the attribute - c
cool-psychiatrist-49311
06/12/2020, 10:15 AMbtw for this to work I have to add
to@:structInitStyle - b
bright-gpu-74537
06/12/2020, 10:15 AMCopy codehaxe var x = "<root attr.foo='value' />"; var xml = Xml.parse(x).firstElement(); trace(xml.get("attr.foo")); - b
bright-gpu-74537
06/12/2020, 10:16 AM@structInit is probably a decent change there anyway - c
cool-psychiatrist-49311
06/12/2020, 10:16 AMbecause this dot syntax is translated to an anon object decl at compile time - b
bright-gpu-74537
06/12/2020, 10:16 AMyeah, what does the generated code look like for that dot synax? - c
cool-psychiatrist-49311
06/12/2020, 10:16 AM
is same asstyle.width=${300} style.backgroundColor=${0xff0000}style=${{width: 300, backgroundColor: 0xff0000}} - b
bright-gpu-74537
06/12/2020, 10:17 AMand what would the haxe generated code look like? - c
cool-psychiatrist-49311
06/12/2020, 10:17 AMand becomesvbox.customStyle = {width: 300, backgroundColor: 0xff0000} - b
bright-gpu-74537
06/12/2020, 10:17 AMgotcha - c
cool-psychiatrist-49311
06/12/2020, 10:17 AMwith structInit it works nicely - b
bright-gpu-74537
06/12/2020, 10:17 AMi like that... i like the a) structInit stuff and b) the dot syntax in general