--- url: https://gudhub.com/tutorials/getting-started/deleting-elements-from-an-app/ title: "Deleting Elements from an App\n #" description: "In GudHub, there are two ways to delete elements from an app. Although both actions are referred to as “deleting,” they have different results: the first remove" lang: uk updated: 2026-09-30T13:27:29.418Z --- # Deleting Elements from an App [#](https://gudhub.com/tutorials/getting-started/deleting-elements-from-an-app/#deleting-elements-from-an-app) In GudHub, there are two ways to delete elements from an app. Although both actions are referred to as “deleting,” they have different results: the first removes an element from view, while the second permanently removes it from the app. Before you learn how to delete elements, check out our previous guide on [adding new elements to an app](https://gudhub.com/tutorials/getting-started/working-with-view-layout/). ## The First Way to Delete Elements from an App [#](https://gudhub.com/tutorials/getting-started/deleting-elements-from-an-app/#the-first-way-to-delete-elements-from-an-app) The first method removes an element from view while keeping it available in the app. To get started, open the app you want to edit. ![scr1](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAm0lEQVR4nJWQawuDMAxF+/9/pp8GYzpfzaPKHWlTFZFtfjjQhOT0tuHRNHi+WnSRMbBiYEFPgpEFURRRC6QJnHasjpoQunePdpzRRcnLGRJMLpgdW5Bl2eBUCDY0OXV4Zs5E8RQi+dajoBJIFVzJ0cqCCexc668CcqrAliciT1Cw/k8BObcEx5/N6P6Mc7pLwVXzDptA1/UvzoIPv6c0G51GjzUAAAAASUVORK5CYII= "null") Then right-click anywhere in the workspace and select **“Template Editor”**. ![scr2](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAArklEQVR4nJWQ2w6CMBBE+/+fyZOJEeTS7qWQMbu0hCrG+HACbDtnJ4Rb1+H+6DEkxsSKiQUjCWYWJFEk3aHytBlpdpJmhOE5op8jhiQedkiwFEEs+DsLIomHOa9OsIOlUC9HZieJNEQixERgVci6OsGqcSVbNdsmLiCvu3+TYTNmSM6tgApVYOGFqNleF53DHwIqfBOcg4fAtjb4Hy6139pdCq6G/3AIdNt+ciV4Af7CM6EOz+ebAAAAAElFTkSuQmCC "null") Pay attention to the **“Main”** and **“Form”** tabs. The **“Main”** tab contains the elements displayed on the app’s main page. ![scr3](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA3klEQVR4nHWP227EIAwF8/8f2bdVV222JAR8DTmVIVlFlfowQhzssZk+njO+XwtKZVQ1bKwDGSRSfGbFY1XMRbCSYKFxrqSYHqngZ2OQGtgMhQWZGJkVmRSpCr6y4JkZ88ZIhZAKY6mD6VUVKxvEdqgZ6l1wEpMyRS7YSFBY+6C1EqYo2CSmO9QcogYSA6n3TM4s5AOHeQxzFGJM0XwJ4mHgcN+x7wOLNzN4zx1tb/2sIch3QRQHt+YhsJMhiOwtiObyZwM/G1tr7+KLK/9HMCQhiKKL+zZxP46jfzEEvwUV853zIMXmAAAAAElFTkSuQmCC "null") The **“Form”** is a nested window within “Main” that contains the elements displayed in the detailed view of a selected record. In our example, this is the individual client card you open by selecting a client from the main list. ![scr4](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA50lEQVR4nG2Q0W7DIAxF+f+P3Mu6rU1KIGCD7VS6k0kipVIfrmwu9sEmfN2fmGMGcQeroXbF2uRNUxV8Z8FfESS+3inCTyIstaOpoauhcEcsjOchzx8r45YYv5kxH16sDQs1hMiKtRvEXlBzQMOUCffMmNYdMh+QqxcrY6kNoXRFFUO3DWobqAsSdUTycRWluQSZO5bhyThXX4E7gjefANteENvAYvtKDj088r+5NLt83VA+AJoomntqYyqP/toy9qcj7hoT0AVwFidqyNRG7vFZCFOueKQy5LnrDaCbj6+DfBZ80hXwDwrG7YATpB04AAAAAElFTkSuQmCC "null") As an example, let’s delete the **“Text”** element from the **“Main”** tab. ![scr5](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA2klEQVR4nIWPy27DMAwE9f8f2VuCFonjlyg+jS0oxYCbSw8DQiI5WpWv7yce04JKDFLDzvqHuSnum+K2Kp5VsDbB0kZdm6Lc5orXzmhqYDNUFuyNUVk7OfjYBT8bY9oZS2XMddSFGGUixcoGsYCaga4CGZJMsrWs0h/od5mgNpQtD5KvO9QcogYSBYmB1MHqELPeOzGPPlepoeTyKchGb6Yo8YAm2ev9QcQBdwe1THAVRAw84BGIN2Y2cO+LeTcEPBLUjwRJDh0fglz6RzAk/hac5PBVcBznFxi//9fzZBHF148AAAAASUVORK5CYII= "null") Right-click the element you want to remove and select **“Delete Element”**. ![scr6](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA3UlEQVR4nG2P227EIAxE8/8f2betWu2mIYDxBUdTGTbadNWHI0sMHA/Lx9cD9zWhEoPUUFj/sDXFZ1bcdsWjCvYmSDTn3hTLbav4KYymBjZDZUFpjMo6iIv3IvjOjLUwUmVsdc5EjGUlxc4GMYeaga4CmZJoktvZauaZGlIlLDkOJbZ3qHWIGkgUJAbSDtYOMRvZmbcQU0MuFUs8PgXWfSBxMegODSIb+UUSTUaDq8B90h3dHf7EzAa9T0nM+G60GA3qW4MgHh7/CAL3Y0xq/C6Ykv4UnIzNF8FxvAS/tHTzFKaHeToAAAAASUVORK5CYII= "null") The element is now removed from view in the **“Main”** tab. ![scr7](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA3klEQVR4nHWP227EIAwF8/8f2bdVV222JAR8DTmVIVlFlfowQhzssZk+njO+XwtKZVQ1bKwDGSRSfGbFY1XMRbCSYKFxrqSYHqngZ2OQGtgMhQWZGJkVmRSpCr6y4JkZ88ZIhZAKY6mD6VUVKxvEdqgZ6l1wEpMyRS7YSFBY+6C1EqYo2CSmO9QcogYSA6n3TM4s5AOHeQxzFGJM0XwJ4mHgcN+x7wOLNzN4zx1tb/2sIch3QRQHt+YhsJMhiOwtiObyZwM/G1tr7+KLK/9HMCQhiKKL+zZxP46jfzEEvwUV853zIMXmAAAAAElFTkSuQmCC "null") However, take a look at the **“Elements Library”** and **“App Elements”** sections. The **“Elements Library”** contains all the elements available for use in the app. ![scr8](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA8ElEQVR4nGXQ2WrDQAwFUP//L/allELitF41i5Yxt0iT2IE+XAxj+Yyuh4/bA+P9B7QSEmuEqvSwYK+CkRRfm+JOgq30s1eGz4nwWDOoMFgNVRSpMvbCgWyFMRLje2XctoqZCuZUsKSKJTOG+86YiyKLwVqDmiE7kGt87ENTYvwSY6KKNfUsqQQ2rIWxVUEWhZoDDRxbeA2NNb1WjggKC6pXdZwSBu9J/lIUogZ7IWpn5Hkm6jMKMwOLYHNg958WQB/sNXpa6zmOI57qgFzATnQBRQ3aDlg7/gHtDfA4IAG8b6AtgHYCdgHPqF8SQDuBP8Z08lB/ISp+AAAAAElFTkSuQmCC "null") The **“App Elements”** section contains the elements that have already been added to the specific app. ![scr9](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA8UlEQVR4nF2PSW7DQAwE9f9H5mAEiRVblmblNkIHpCw7yKFAYDgsNqeP64zb9Qdly6isKA7JAQsyCeaiuCTFtQhSP95OpsuScdsqameQGrooSmfkziFJnTEXxufG+E6ER+l41I61EtbGmL6y4N4UTQw6drAaSiek1mN4a4ylMu6FsRTCVg/W2kM2LU2w0lsgaqidkBtFAo/pp7VA0FlArJF4LRVT3OxNF9gIgX9yPI0jNp49DcwMLILkgvxP4MSQGsYYwb7vUdUF8hbkUg6BU+XYZGO8Np6C8UfguEBC4AlIkcglBj6jRn0nOFG1p2C8BL+BjfH8P8Cn5gAAAABJRU5ErkJggg== "null") Even after deleting the **“Text”** element using **“Delete Element”**, it still remains in the **“App Elements”** section. ![scr10](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA9UlEQVR4nGXQ227DIBAEUP//R/ahqtokihMDC3vDmmrXTdPLwwhhwVnGy8vpjMvpgrJVNFaQGNqPVFacm+G1GE5NUYbmt0eW17XishFqZwx1sDm6WmKRMgTnJnjbBB+FcWsDNxq4E+PeBct7VVy7gdSh7jCfYHXQ1+U4tJLg2gRrY2x05E4jsWXtisKW0+0BxCuiAh8VolbsuyiGKFgMFHgjLNGT1PKS+4Sag2OvBjHPqM+E1Szj7hBVlH/A3BMYLGBRzDkz+77nagHoE6itYal8/O1hDpt7Tux/gDmfQCQATYCeQFeH+MTQo99v4IjFkATmN/AJucTyAok5Wj8AAAAASUVORK5CYII= "null") This means that the element has only been removed from the current view, not deleted from the app. The second method is used when you want to permanently delete an element from the app. ## The Second Way to Delete Elements from an App [#](https://gudhub.com/tutorials/getting-started/deleting-elements-from-an-app/#the-second-way-to-delete-elements-from-an-app) To permanently delete an element from the app, go to the **“App Elements”** section. ![scr11](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABEElEQVR4nF2Q624jIQxG5/0fslLbNJ1mZmAAczEkOpVJVqvdH0cgy9/BeHlbf9jWG+mMSOuk1olVJ+F1+qxcgvJxKps8a39YPo7IdgpSGrUPinZCrriUcangpLDHwqcvvLvCGp41w+fKco3KnjtZB/3+oPXBKYXVJ64+8e1l8uWFixO+nLB64RaEPWaWIyu+/hVo7/iUubrI55Fm6PvM/IQ8RRdnYuF2CntILPZnYwrGHe1jfmELebKnipeGl8qRClssuFkrHCaI/wmM3HTuJFelap8U62lKaUrTTq4NH18CQ3SgL4Et00I2zZxqjLkbw+6zR5VzCmonVJMM2j8CC9xp4zHFFjSh9eh4zAdCEn4B9ITufOQgQTQAAAAASUVORK5CYII= "null") As an example, let’s delete all **“Image”** and **“Close”** elements from the app. ![scr12](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA9klEQVR4nF2RbW/DMAiE8/9/5ra2SV9ixwYMJNJNOEnV7cNJ8CDOJzx8jXe8XgnEDWSO0gyL6B/dq+I7K25FkfhzZhguiTBXgZijmWPhhmfht16FMS2Mn8S4ZsYjWA0JZhIMDzLk5mi+Qc2Rq+A2F1zmimuqGDNhyoRbIlxm6mzKFY+FuvkQy1Uduh4GJJhS7Qtj3lNEwmcRTJm7TpapYYjl0JmgcEOqjIUVVQzUDKyG2gxFgumbkRqGchiIr1BfITFsCnWHrxvWbYOv+ywU9c62frN3gtMgIB8vRH0y0Z3FsXcz73034ANaJND9J+IWoag/+//sF3kF7o167q7sAAAAAElFTkSuQmCC "null") Find the **“Image”** and **“Close”** elements in the **“App Elements”** section and click the edit icon for each one. ![scr13](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABAElEQVR4nE2Q6W7EIAyEef93rNRD3RybhNvYJKupbJqqP0Y+YD4b3Ns0Y50WRB+QiJGbIDVBJDYFYkyJ8e4FjzTq+yySwH3uCavPSIVQWVC5G8CXhiOT6REIH8eI+2/vKARfG9yUBFvVqR1VhpT+TBWzL5h8wcMXfB8jaj2HgjUWbKnC7VXgaQAyd3uCTtdLX3s2qWkJChi1wpaQsYYEpyY169q3dLVnIsyhYomELTfsefSWUC0euWIbAPmbPGBin6kqxPYvxN1iaWwizYnhU4Yb04fxBihMTdJP9POCnCe4q7rl2mssCAqw6bfxH6CJXr4g12vE8zSg5v162XnMBT/aFu1MOXc2GwAAAABJRU5ErkJggg== "null") ![scr14](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABA0lEQVR4nE2Q6W7EIAyE8/7vWKmHmmsTbowNWc3KsKn6YzS2YT6TTB/Lin3Z4I2DJ0Yo0qW1yhFjCYxPK5jD6O8zT4Lp+wzYbYRPhMSCzLUDbCowkbpmR/gyw8/3zCSCzQXTEgRHFvhSkWVI6Y+QsdqExSbMNuHXDNd+dQm7TzhCxnRmgSV9dkXkivjerpd+ztiloc0pYPQK21zE7gImDWn4/vb+/FzwCITVZWyecMSCM47Z5nJ3EzOOAZC/zQMmCPoziZGIkVlAXLunwl2kNTFsiJjG9hG8AQrTkNSG2i5Ia+Cqqr3WWWGBU0Dffgf/AYro5QtyPYe31oFa1+vZz31MeAHPMe1GQqldFQAAAABJRU5ErkJggg== "null") Then click **“Delete”**. ![scr15](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA/klEQVR4nF2P227EIAxE8///WKkXdROyCRAuNiZZTWXT1ap9OBpsMkdkepsXuNkh+ohYGw76S6SGOTW8B8Etjfl1L5g+9wQXMvZU4Ssj1GaiUBg+k3GLhA8/cv/d+UIIlTHNSXAvAl/FyoovjPWoWELBHApuoeDbj9R5iQXrUbClimnXIgkOfqGCORZ87dnQkosqGLPKXMxYY8KUW8dALBOPl9wTYYkV7iBsmbFntp2L1dLnim0ItChWfAoSNaNQQ20Cat2ycDNIz9QQUsaUWEuj+BRkHiXpJ/p5Qc4TrSvdzrrjJogqeP7CfwGLfnxBrsfI8zShnvv1sPsjF/wAPxDs7Vw7opcAAAAASUVORK5CYII= "null") Once deleted, the element will be removed from the app and will no longer appear in the **“App Elements”** section. ![scr16](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAy0lEQVR4nH2QzW7EIAyEef/HbBupWTbhxxjMXmZlO2hzaQ+fCBPP2CZ8/e6IzxO5NpQuRlZ4oPDA0Qa2LPjOgkiu5RthS4RnZftRx0RmwUHdNCVWxpYYP4mxF9eUQyFGiG0i9WlmJbEg1m7Fj+IBsbh5z65ZAF0BeUwUM798gi4428BBgtR8pXqtdDaxBnpXdOpAMuF4gL3Btb8W0a34rpmuAavzCrBOOl5tOA3/Xnw0JyzjOhMPxNKwp/oHZOcjk/FPgBcoy3y/r4A3C47rKRIQc8oAAAAASUVORK5CYII= "null") ![scr17](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAzElEQVR4nH2QzY7DIAyEef/HbBupKU34MY5hL7OyHdpcdg+fCCPPME64PVfE945CjCID5ejICgsKC7YmWHLHPXdEci1fCEsivCubscow80aHaUqsjCUxHomxFteUTSFGiG0gHQNVfjyAO2I9bPhVPCAWN6/ZNQugMyBrbdGA8WmwN8FGHal1b3autLeOxH5XdJ1AfcDxBvYPzv11iC7DV810DZjVZ4C9pPVqw2749+SrOWEa55lYEEvDmuofkJ2vTMY/AT6gTPP1PgN+ARxf6zIfVYgPAAAAAElFTkSuQmCC "null") To save your changes, click **“Save”**. In GudHub, you can either remove an element from view while keeping it available in the app, or permanently delete it from the app through the **“App Elements”** section. Choose the option that best fits your needs depending on whether you plan to use the element again in the future.