[{"data":1,"prerenderedAt":152},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-tool":3},{"id":4,"title":5,"body":6,"category":140,"description":141,"extension":142,"keywords":143,"meta":144,"navigation":145,"order":146,"path":147,"seo":148,"stem":149,"updated":150,"__hash__":151},"help\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-tool.md","Expression tool",{"type":7,"value":8,"toc":136},"minimark",[9,18,29,36,41,44,50,55,96,103,113,118,126],[10,11,12,13,17],"p",{},"Most properties in Bluepic hold a fixed value, like a colour or a number you type in. An ",[14,15,16],"strong",{},"expression"," lets a property compute its value instead, so it can react to input fields, other elements, or logic you define.",[10,19,20,21,24,25,28],{},"The expression tool, the ",[14,22,23],{},"fx"," button in the toolbar, is how you open the ",[14,26,27],{},"expression editor",": click it, then click the property you want to make dynamic.",[10,30,31],{},[32,33],"img",{"alt":34,"src":35},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F817021ca-9de9-4ef8-b038-27bbee95ae00\u002Fmax",[37,38,40],"h2",{"id":39},"the-expression-editor","The expression editor",[10,42,43],{},"The editor opens in a small movable window with two ways to work, switched with the icons in its top corner.",[10,45,46,49],{},[14,47,48],{},"Builder view"," lets you assemble the expression from blocks. Browse the building blocks under four tabs and click to insert them:",[10,51,52],{},[32,53],{"alt":34,"src":54},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F3b492cac-cea7-4d24-9a3d-c672bcd86100\u002Fmax",[56,57,58,69,78,87],"ul",{},[59,60,61,68],"li",{},[14,62,63],{},[64,65,67],"a",{"href":66},"\u002Fhelp\u002Fexpressions-and-logic\u002Ffunctions","Functions",": operations grouped by purpose, such as Math, Color, Logic, Animation, and Helpers.",[59,70,71,77],{},[14,72,73],{},[64,74,76],{"href":75},"\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties","Elements",": data from other elements, like their position or size.",[59,79,80,86],{},[14,81,82],{},[64,83,85],{"href":84},"\u002Fhelp\u002Fexpressions-and-logic\u002Fvariables","Variables",": the values coming from your input fields.",[59,88,89,95],{},[14,90,91],{},[64,92,94],{"href":93},"\u002Fhelp\u002Fexpressions-and-logic\u002Fstatic-values","Static",": fixed numbers, text, and colours.",[10,97,98,99,102],{},"Click ",[14,100,101],{},"Update"," to apply the expression to the property.",[10,104,105,108,109,112],{},[14,106,107],{},"Code view"," lets you write the expression as text. ",[14,110,111],{},"Prettify"," reformats it to be easier to read.",[10,114,115],{},[32,116],{"alt":34,"src":117},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F4410b45b-6e26-401a-34e4-f777681fcb00\u002Fmax",[10,119,120,121,125],{},"For the rules of writing expressions as text, see ",[64,122,124],{"href":123},"\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-syntax","Syntax",".",[127,128,129],"blockquote",{},[10,130,131,132,125],{},"If you already know the syntax, you can also skip the editor and type an expression straight into a property field, for example ",[133,134,135],"code",{},"text1.bottom + 20",{"title":34,"searchDepth":137,"depth":137,"links":138},2,[139],{"id":39,"depth":137,"text":40},"expressions-and-logic","Open the expression editor and connect a property to dynamic, computed values.","md",[],{},true,10,"\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-tool",{"title":5,"description":141},"help\u002Fexpressions-and-logic\u002Fexpression-tool","2026-06-16","uzIBnV8LSO1OAXdNW9eK_Zt6pvAIcadjVbsaZFLmJWg",1787923687848]