section-engineering-education / engineering-education

“Section's Engineering Education (EngEd) Program is dedicated to offering a unique quality community experience for computer science university students."
Apache License 2.0
364 stars 890 forks source link

Create beautiful and Dynamic Alert/Confirm and Prompt Dialog Box in JavaScript and SweetAlert #4111

Closed chalo316 closed 2 years ago

chalo316 commented 3 years ago

Proposed title of article

Create beautiful and Dynamic Alert/Confirm and Prompt Dialog Box in JavaScript and SweetAlert

Proposed article introduction

Every so often, you'll need to show an alert ,confirm or prompt box to your clients to tell them about a blunder or warning. The issue with the default alert boxes given by programs is that they're not extremely alluring. At the point when you're making a site with extraordinary shading blends and extravagant activity to further develop the perusing experience of your clients, the unstyled alert boxes will appear to be awkward. This article explains the use of sweet alert box that is more appealing and simpler to employ .SweetAlert is an approach to modify alerts in your and sites .It permits you to transform from a standard JavaScript button. We can add buttons, change the shading text, and even add extra alerts that change contingently upon client click.

Key takeaways

1.Brief overview of Dialogue boxes(Alert, Confirm, Prompt)

  1. code snippets with explanations/texts
  2. installation of sweetAlert and use.
  3. importance of of dialogue boxes.

Article quality

My article will help individuals with basic knowledge understand dialogue boxes and also help intermediate web developers improve their styling features of dialogue boxes with the use of sweetalert2.

References

n/a

ahmadmardeni1 commented 3 years ago

Good afternoon and thank you for submitting your topic suggestion. Your topic form has been entered into our queue and should be reviewed (for approval) as soon as a content moderator is finished reviewing the ones in the queue before it.

ahmadmardeni1 commented 3 years ago

Could you take a look at this topic suggestion when you have the chance? Since you have expertise in Java, I thought you'd be the best person to reach. @Kayere

Kayere commented 3 years ago

Hello @chalo316, I can see that the official documentation offers sufficient information to help one create the dialog boxes. How is your article going to add value to what is available?

chalo316 commented 3 years ago

my article will attempt to include the information dialogue boxes dependent on the low level comprehension of the fundamentals to propel approaches. the articles attempts to catch the ideal ways to deal with dialogue boxes to amateurs and progressed intellectuals in the field of website architecture

The article will be very much coordinated to the unique situation and clearness will be the key viewpoint remembering the accessible documentation. much thanks to you

chalo316 commented 3 years ago

My article will attempt to include the information dialogue boxes dependent on the low level comprehension of the fundamentals to propel approaches. the articles attempts to catch the ideal ways to deal with dialogue boxes to amateurs and progressed intellectuals in the field of website architecture

The article will be very much coordinated to the unique situation and clearness will be the key viewpoint remembering the accessible documentation. much thanks to you @Kayere https://github.com/Kayere.

On Tue, Oct 5, 2021 at 3:59 PM Peter Kayere @.***> wrote:

Hello @chalo316 https://github.com/chalo316, I can see that the official documentation https://sweetalert2.github.io/ offers sufficient information to help one create the dialog boxes. How is your article going to add value to what is available?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/section-engineering-education/engineering-education/issues/4111#issuecomment-934388423, or unsubscribe https://github.com/notifications/unsubscribe-auth/AV336NSXGK4QNSJWZ5STS7LUFLZBNANCNFSM5FEYEIQA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

Kayere commented 3 years ago

Good topic @chalo316 - approved.

hectorkambow commented 2 years ago

Just wanted to follow up on this topic, as we will be clearing up the queue where possible.

Just and FYI I will be closing this topic form just to help clear up the queue where possible - can be REOPENED at anytime when ready. 👍