[{"data":1,"prerenderedAt":108},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Finput-fields\u002Fimage-input-fields":3},{"id":4,"title":5,"body":6,"category":96,"description":97,"extension":98,"keywords":99,"meta":100,"navigation":101,"order":102,"path":103,"seo":104,"stem":105,"updated":106,"__hash__":107},"help\u002Fhelp\u002Finput-fields\u002Fimage-input-fields.md","Image input fields",{"type":7,"value":8,"toc":91},"minimark",[9,24,28,31,61,71,74,81,85],[10,11,12,13,17,18,23],"p",{},"An image input field lets the people using your design generator put their own image into an image element. Add it by selecting the image element and choosing ",[14,15,16],"strong",{},"Image"," in the add popup (see ",[19,20,22],"a",{"href":21},"\u002Fhelp\u002Finput-fields\u002Fadding-input-fields","Adding input fields",").",[25,26,16],"h2",{"id":27},"image",[10,29,30],{},"You can fine-tune how the field behaves:",[32,33,34,41,47],"ul",{},[35,36,37,40],"li",{},[14,38,39],{},"Allow image upload from device",": let users upload their own image file.",[35,42,43,46],{},[14,44,45],{},"Allow image cropping",": let users reposition and crop the image inside the element.",[35,48,49,52,53,56,57,23],{},[14,50,51],{},"Allow padding",": add whitespace around the image when its proportions do not match the box. This applies only when the image uses ",[14,54,55],{},"Contain"," (",[19,58,60],{"href":59},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","cover mode",[10,62,63,64,67,68,70],{},"For a logo, choose ",[14,65,66],{},"Logo"," instead of ",[14,69,16],{}," in the add popup. It is the same field, preset to keep logos uncropped.",[10,72,73],{},"You can also connect an external image service so users pick from a shared library instead of uploading their own.",[10,75,76],{},[77,78],"img",{"alt":79,"src":80},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F1fa80308-4912-4a37-2869-bd546834da00\u002Fmax",[25,82,84],{"id":83},"image-selection","Image Selection",[10,86,87,88,90],{},"Instead of an upload, you can let users pick from a fixed set of images. Choose ",[14,89,84],{}," in the add popup, then add the images they can choose from.",{"title":79,"searchDepth":92,"depth":92,"links":93},2,[94,95],{"id":27,"depth":92,"text":16},{"id":83,"depth":92,"text":84},"input-fields","Let users upload or pick an image that drops into the design.","md",[],{},true,30,"\u002Fhelp\u002Finput-fields\u002Fimage-input-fields",{"title":5,"description":97},"help\u002Finput-fields\u002Fimage-input-fields","2026-06-15","BD2LZdliUi__IS0yS-CdcSqhSL1MDhrflCzol6cTLDs",1787923688261]