Hi, I try to add a combo box to a Panel which the layout is a table. If I set margin, say 3px in the default of the panel, the arrow of the combo box detach from the textfield of the combo box. Any solution to this?
I would suggest using other means to space your components rather than applying explicit CSS. You can use a combination of may different containers and layouts to get the look you want. Your issue is a general ExtJS/HTML/CSS issue, not really pertaining to the Designer.
If you literally just have a Combo in a Panel, then set the Panel's "padding" to "3" instead. If you have more than just the Combo and you need all items in the Panel to be spread out by an even margin, try adding another container with a layout of "hbox" or "vbox" inside of the Panel and use the "margins" configuration option to space out your items inside of the hbox/vbox container. Play around with this technique and see how it goes.