Questions tagged [alertifyjs]

AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. The library is feature rich, extensible, i18n friendly and theme-able. Not only provides a replacement for default browser dialogs, it makes it super easy to create your own!

AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. Not only provides a replacement for default browser dialogs, it makes it super easy to create your own!

AlertifyJS is an extreme makeover of alertify.js (see also the alertify tag).

  • Feature-rich

    Packed with awesome features! Modal and Modelss view modes, Move, Resize and more!

  • Extensible

    Extend existing dialogs, or create your own! using AlertifyJS is very straightforward.

  • Themeable

    Three themes right out-of-the-box (AlertifyJS, Semantic and Bootstrap)

  • Responsive

    Whether you use a desktop, laptop, tablet or mobile device. Have no worries!

  • i18n and RTL Support

    Different language or a right-to-left layout! AlertifyJS got you covered.

Resources:

70 questions
7
votes
9 answers

How to use ALERTIFY JS (v1.9.0) in angular 2

I am trying to get AlertifyJS (v1.9.0) to work in my angular 2 app. I have the following in vendor.ts import "alertifyjs/build/alertify.min.js"; import "alertifyjs/build/css/alertify.min.css"; with the following call to alertify…
Tee-Jay
  • 736
  • 2
  • 9
  • 28
6
votes
2 answers

How to change the font color in alertify.error using alertify.js

I am using alertify.error to display error messages. I wanted to know if there is any way to change the font color for the text that is displayed inside?
MaxPayne999
  • 184
  • 1
  • 2
  • 10
5
votes
2 answers

Alertify JS- Change button text on prompt dialog

$("#btn_submit").click(function(){ alertify.prompt("Please enter note/remarks for this Form:", function (e, value) { $("#alertify-ok").val('Submit Form'); //change button text if (e) { alertify.success("Form…
Slimshadddyyy
  • 4,085
  • 5
  • 59
  • 121
4
votes
3 answers

Alertify Error "ReferenceError: alertify is not defined " in Angular 6

I try to use alertify.js in my project .So I followed this material https://signl.uk/tutorial/index/notify-service-with-angular-5. But I got a error ReferenceError: alertify is not defined when click button in my application. alertifyjs css and js…
Rika
  • 333
  • 2
  • 5
  • 19
4
votes
2 answers

When clicks on close button it should stop redirecting using alertify?

It is redirecting to profile page when I click the close button. But it goes onclose event section and it should not refresh the page as It returns false but redirecting to profile page. alertify.alert().setting({ 'title':…
Gufran Hasan
  • 8,910
  • 7
  • 38
  • 51
4
votes
1 answer

Alertifyjs validation on prompt

I'm using alertifyjs that's great but I have a small issue I wish to solve, maybe with your help. Using the Prompt Component I would like to force the user to write a "reason" in the input field and to be honest I don't know how to do…
Ayeye Brazo
  • 3,316
  • 7
  • 34
  • 67
3
votes
2 answers

How to use Alertify in Typescript?

I'm relative new to Angular2 so be patient with me. I tryed to use Alertify.js in my Angular2 project for a custom dialog box but i can't get Alertify running... I'm not that familiar with js so i tryed to use alertify.js in Typescript or rather…
marvstar
  • 417
  • 5
  • 21
3
votes
1 answer

add custom buttons on alertify confirm dialog box

I am using Alertify js 1.6.1 to show dialog box when user leaves a page. Apart from Ok and Cancel, I need to add one extra button "continue" in alertify js confirm dialog box. Is there a way to add custom button functionality? Let me know if you…
user596502
  • 417
  • 3
  • 10
  • 22
3
votes
1 answer

Multiple Input Boxes in AlertifyJS Prompt dialog

The following code produces a prompt with a single input box, however i need to have two input boxes . Is this achievable ? alertify.prompt("Please enter Values","Default Text").set('onok', function(closeevent, value) { if (value == "" || value…
Godwin
  • 600
  • 5
  • 16
3
votes
2 answers

How to specify actions for auxiliary buttons in AlertifyJS?

AlertifyJS has a place to put auxiliary buttons. I would like for two things to happen when my auxiliary button is clicked The dialog should not close Some function should be run How do I do these two things? I can get the notification to show up…
mikeazo
  • 389
  • 2
  • 24
2
votes
2 answers

cant fix Cannot read properties of undefined (reading 'length')

Hello im beginner at javascript and jquery and I'm getting this error: Cannot read properties of undefined (reading 'length') I don't know how to solve this. What to do to fix this error? Here is my js file: var fname, lname, organization,…
Vasco Wayne
  • 75
  • 1
  • 6
2
votes
1 answer

Can't import AlertifyJS in JavaScript

When importing AlertifyJS, I am able to successfully use script tags in the HTML like this: But if I move the import into JS using import * as alertify…
w4dd325
  • 527
  • 5
  • 21
2
votes
0 answers

how to add alertify angular11

I just want to make a simple alert, I found a few solutions with angular 11 and alertjs, but it is quite old and wants to solve my problem through services, can I solve this without using services? or what's my mistake here? angular.json "styles":…
2
votes
1 answer

Alertify alerts vanishes right after popping up

I've built an express app and in the end, I added an alert for one of the delete buttons in the app. However, the alert vanishes even before I can click 'ok'. This is my delete form
Sravan SS
  • 79
  • 1
  • 12
2
votes
1 answer

Alertify with Angular change dialog title

I've got Alertify working in my Angular 8 Project. Now I wanted to change the title in the dialog box that appears when alertify.alert is invoked. The Documentation says this can be done by using the overload that accepts the title:…
Marco Rebsamen
  • 605
  • 7
  • 30
1
2 3 4 5