The latest articles on DEV Community by Ashish Gupta (@dev-ag). https://dev.to/dev-ag https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3192222%2Fbc665dba-ba70-4127-a31b-aa1bb845e9e3.png https://dev.to/dev-ag en Ashish Gupta Wed, 21 May 2025 16:11:00 +0000 https://dev.to/dev-ag/answer-custom-dialog-not-showing-info-icon-29lg https://dev.to/dev-ag/answer-custom-dialog-not-showing-info-icon-29lg <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <div class="ltag__stackexchange--header"> <img src="https://assets.dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""> <a href="https://stackoverflow.com/questions/79632076/custom-dialog-not-showing-info-icon/79632151#79632151" rel="noopener noreferrer"> <span class="title-flare">answer</span> re: Custom dialog not showing info icon </a> </div> <div class="ltag__stackexchange--post-metadata"> <span>May 21 '25</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/79632076/custom-dialog-not-showing-info-icon/79632151#79632151" rel="noopener noreferrer"> <img src="https://assets.dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 0 </div> <img src="https://assets.dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>Icons generally visible on buttons. As I have done in the below snippet.</p> <div class="snippet" data-lang="js"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#custom-alert').dialog({ title: title, modal: true, width: 600, height: 320, closeText: '', buttons: [{ icon: "ui-icon-info", click: function () { $(this).dialog('destroy').remove() } }] });</code></pre> </div> </div> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/79632076/custom-dialog-not-showing-info-icon/79632151#79632151" class="ltag__stackexchange--btn" rel="noopener noreferrer">Open Full Answer</a> </div> </div> programming webdev ui bug