--- title: "Design form control - Button" slug: "design-form-control-button" tags: ["Flow", "Anywhere Mobility Studio"] status: "new" updated: 2026-03-20T12:45:54Z published: 2026-03-20T17:46:55Z canonical: "docs.staedean.com/design-form-control-button" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.staedean.com/llms.txt > Use this file to discover all available pages before exploring further. # Design form control - Button You can add a control of type Button to a form. For a button, also define the control event procedure. A control event procedure has one or more actions that are done when the button is clicked. If your company uses different types of mobile devices, controls can require a different layout for each device. ## Flow diagram > [!NOTE] > Note > > In the flow diagram, clicking the ‘Make control layout device-specific’ shape, opens the related article in the ‘Generic design tasks’ section. [Embedded content](https://viewer.diagrams.net/?tags=%7B%7D&lightbox=1&highlight=0000ff&edit=_blank&layers=1&nav=1&title=Design_form_control_-_Button.drawio&dark=auto#R%3Cmxfile%3E%3Cdiagram%20name%3D%22Page-1%22%20id%3D%22form-button%22%3E5Vlbc5s6EP41fiSDwbjuY2ynl5n0tDOeTqePMlpAjUA%2BQsR2f31XIO6OE2jiczLJC9JqdyW%2Bb3e1JhN3FR8%2BSrKLvggKfOLY9DBx1xPHmc6mNj605FhI3s%2B8QhBKRo1SLdiw32CExi7MGIW0paiE4Irt2kJfJAn4qiUjUop9Wy0QvL3rjoTQE2x8wvvSH4yqyEgd264XPgELo3LrRbkSk1LbCNKIULFviNybibuSQqhiFB9WwDV6JTCF3YcHVquTSUjUUwxSRaSyTpgZUaqO5VujIQKMk%2BU%2BYgo2O%2BLrlT1yjLJIxRxnUxwGjPOV4ELmdm4QBI7vozxVUtxBY8XO%2F6qVEkuz9T3hmdl6o09ppCAVHBpnNO%2F1EUQMSh5RJWpAPzM472ue5kZknDiemR%2FbFsQESVg5rmHEgUEyn35PQX7d%2FtKh5ticbIEXpisJREEeYTIu4hFfFBevcbLMlBJJsRdnyV1hgp6FikCmOKDC1w8%2F92JpH5bxYG0bxiWVRq9UaYJjSD%2FPrxRZQoEaEodxvLXBhfkIjoexueizOe3SabfpnDrD%2BcRpg9KzFK8hZWHS4Nax4V6DjGhL4QPNJDyBY5q7qbjLXViVg5N0GxOtdFmuKYFFMCSfnUtxPSZ3T3DdK5Ih5tWeHJ9WJrtx3oISy%2F1O68WHUF%2BNVwEXez%2FC4nZFwWcpQ5LdZR5e30TKVD5fcwhwt6XGj%2BEldNtZjhmlevMl4ToU3bUsQKwMro28UuwVaJhjge4W3c%2BpRlJf03DPfLDSHR4xYKg4J7EOkWSb6gfOud5uK3EU6lGdC5wcRaaTQcK%2FGZM64j707Z%2Bnrs86wTFvB4e7eL7C%2FoXcQSvnq%2FfsYfVo6sfoq0r8wo910ksZjbmBUXyjRX7WSXx3%2FjKJDwn9n%2FVGZS2t0%2FQmoRfqjLwRV2kPUt2Tl5gC7fXZfZBFJv2qtDaa1Sb66GdjpkKqSIQiIfymli7bYV%2Fr3AqxM8JfoNTR%2FNYgmRKdwj0s5PGgIahH%2B7IGNRI4Uey%2BjcdfA%2B2MA%2FrUkV8R4g%2B1Ri8OtzsO7t55XxHWrd7oUjjPxuHc6eNeDcYP3fhjcM5Nr6Ukx4bCTrBEpQ3P37Sgvgncd93fyJ2vCsP0cVCcoGa8epUBQWAVHVnzUw%2FZloza%2FYhohk6H%2B9uit2vyVXbTPtqDPNdOS0zf32ZnzadBE517y4m37t3YPyF98o19kldjYtlX71owW4%2Fx3iNqcdZeBEEKqpedI7jy3lbCVn3jpQqiNyoXvP8%2BF%2F4Rz5UKXiuUB2fCy8X%2BfFzs94r%2BG4v%2FURfVbNG5eBbnLyrnvP7Qiwqn9af7Qr3%2BD4h78wc%3D%3C%2Fdiagram%3E%3C%2Fmxfile%3E) ## Related - [Make control layout device-specific](/make-control-layout-device-specific.md)