Code Monkey home page Code Monkey logo

paulnieuwelaar / alertjs Goto Github PK

View Code? Open in Web Editor NEW
95.0 18.0 38.0 645 KB

Dialog Builder allows you to create fully customisable dialogs and popups in Dynamics 365.

Home Page: https://www.magnetismsolutions.com/our-products/alertjs-alert-popup-for-d365

License: Other

CSS 7.68% JavaScript 88.83% HTML 3.50%
crm alertjs paulnieuwelaar dynamics dynamics365 magnetism microsoft popup dialog lightbox prompt input response capture dialogbuilder alert

alertjs's Introduction

Dialog Builder for Dynamics 365 - Custom Dialogs, Popups, Alerts, Prompts, and Wizards

Buy Now   Free Trial Documentation

Overview

Dialog Builder for Dynamics 365 allows you to create fully customisable dialogs and popups in Dynamics 365, using custom fields, buttons, messages, and icons. Capture input from users with a variety of different field types, displayed in a seamless Dynamics 365 style popup.

Dialog Builder gives you the power to extend Dynamics 365 with a seamless user experience when building end to end processes for your users.

Check out some interactive code samples showing various use cases.

Key Features

  • Create user driven dialog processes
  • Recreate Dynamics 365 functionality like Resolve Case, or Qualify Lead
  • Show stylish confirmation messages to users
  • Capture simple or complex input from users and process their responses
  • Display informative messages to users, including errors and warnings
  • Fully customisable buttons and callback functions
  • Fully customisable UI allowing you to create unique dialogs to suit your needs
  • Open custom HTML web resources as an inline popup
  • Display a loading spinner during async tasks

How it Works

Check out the Documentation page for installation and usage details.

Or check out these working examples of some common use cases.

Licensing

Dialog Builder is free to trial for 30 days. By downloading you agree to the terms of use. Start your trial to download and install the solution, then purchase a license when you're ready to activate your organisation. For more information about what's new, check out the latest release notes, or check out the Documentation.


Magnetism Solutions - Dynamics 365 Specialists

alertjs's People

Contributors

paulnieuwelaar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

alertjs's Issues

Browser back/forward buttons failing to remove Modal

Hi Paul,

I am using AlertJs in the form pages based on certain label onClicks. It works perfectly on the page.
It prevents user interaction on the page and forces users to use the custom buttons that have been set up to continue their actions. But recently out of chance I pressed the browser back button on the form page after the Modal loaded, the back action happened, it went to the previous page but failed to remove the modal.

Scenario -

  1. Open AlertJS modal
  2. Use Browser Back or Front Buttons
  3. Back/Front action takes place but AlertJS modal fails to close.

Is this an expected behaviour or a bug ? Or is it part of some settings provided in the documentation?

Alert.showWebResource custom button closing alert

I'm using version 2.1.

I have a quote form with a custom ribbon button that calls Alert.showWebResource and loads a custom html resource with an ExtJs ViewPort and backing viewmodel.js... this all works perfectly fine. the viewport has a custom OK and Cancel button. What i cannot figure out is how do I simply close the Alert from the Cancel button callback, and close the alert in the success of the OK callback.

I've tried simply calling Alert.hide() in the cancel callback, but that doesn't "do" anything. the Alert is still displaying. I've tried getting the window with Alert.getIFrameWindow, and Alert.getCrmWindow, neither lets me actually hide the Alert itself.

Thanks in advance,
Mike

Popup dialog box useing Alert.js and ribbon workbench

Hi,

I created custom ribbon button using in ribbon workbench which pop-up a dialog box using Alert.js (by followeing this guide LINK).
now from some reason the button works only once per form load. so if the user enter the form for the first time clicks on the button he sees the pop up then he decided to close it when he click on the button next time the pop-up will not show and in order to pop up the window he needs to refresh the page.

Any ideas for why this happens?

Btw this s my code:

Alert.showDialogProcess ("62922E82-47FE-4100-9485-7D81370935B6", "phonecall", Xrm.Page.data.entity.getId(), Xrm.Page.data.refresh(), 1200, 600)

WorkBrench

Change font-size issue

Hi Paul!

How I can change default font size from 11px to 14px? But 11 it's too small.
Why I can't change mag_/css/alert.css webresource ?

Thanks,
OldCat

Pass value to Callback function from HTML

I am using below method to open HTML Web resource. Is there any way to return value to callback method from HTML?

var alertButton = new Alert.Button(); alertButton.label = "Close"; alertButton.callback = CallbackFunction; var array = new Array(); array.push(alertButton); Alert.showWebResource(url, 800, 500, "", array, null, true, 10);

Alert.showWebResource fail in CRM build 1710

The Alert._jQuery from Alert.js ver. 2.1 doesn't get a reference to jQuery, it remains "undefined" resulting in a non working alert, iframe or dialog feature in CRM 365 Version 1710 (9.0.2.2078) online.

Xrm.Page / formContext

Hello Paul, I am updating all javascripts from the Dynamics, that uses Xrm.Page to the formContext. I am not a specialist on javascript and I would need a bit of help. I need to understand if you are going to release a new version with de code updated with the formContext or if you could help me to update the one Im using version, alert.js v2.1. Thanks!!

showDialogProcess: Cancel / Finish buttons not working properly

Hi there,

I'm a big fan of alert.js, but i ran into an issue implementing showDialogProcess function in our environment (V8.2).
The Cancel / Finish buttons are not working as expected.
In Chrome this buttons do nothing. You can only click the "x" button for closing the dialog, but then the callback function does not get triggered.

In Internet Explorer the Cancel / Finish buttons will close the whole tab or window, if you've only got one tab open.

What can I do?

BR,
Joe

Loading alert (popup) have default OK button

How can we get rid of default OK button for a loading alert? and do NOT show any button.

It does not make sense to give 'OK' button when a process is running behind the scene and Loading alert should go automatically once behind the scene process completed. If OK button is available, one can click on it and not wait for the response to come back,

//Show progress bar
Alert.show("Processing", null, null, "LOADING", 250, 150, null, true, null);

2018-03-15_11-53-16

Issue using input fields on UI on Android devices in "portrait mode"

We are using the free version of Alert.js v2.1 in order to open modal web-resources in D365 v9 (Unified Interface).
We found an issue using it on Android devices in "portrait mode" (both using the browser or the D365 app).
The specific issue occurs when the user clicks on an input field: the keyboard appears and after less than 1 second automatically disappears.
We verify that the keyboard disappearing is caused by a change focus event.
We tested it putting in the alert a simple HTML having only one input field with no JSs or additional code, and the issue occurs in the same way.
Have you got any suggestion on how to solve it?
Thank you.
Best regards.
Simone

Alert JS doesn't work on HTML Web resource

I am trying to use Alert popup on a HTML Web resource button click event.
I have added alert.js script reference on HTML page but its always giving error "Alert is undefined". However I have checked IE developer tool alert.js file is loading.
capture_alertjs

Issue with populating lookups in the new Dynamics 365 UCI (Unified Client Interface)

Hi,
Is the new Dynamics 365 UCI (Unified Client Interface) supported with version 3.0 of alert js? we currently have the 3.0.7 managed solution installed and have purchased a licence.

We are preparing for upgrade, and in our testing most things work, but we found that lookups are not behaving correctly, as the value selected is never getting populated, and always comes back as null in the response. As stated this is only happening in the new D365 UCI, and works in the old web UI in D365 v9.

The lookup prompt behaves the same and pops up correctly but nothing is ever returned:
image

A code snippet of our JS is below:

        var options = getOptions();
        var fieldsArray = [
            new Alert.Lookup(
                {
                    id: "actionofficer",
                    entityTypes: ["systemuser"],
                    customFilters: ["<filter type='and'><condition attribute='isdisabled' value='0' operator='eq'/></filter>"]
                }, { style: "margin-top:20px" })];

        new Alert(options).showPrompt(fieldsArray);

 function successCallBack(responses){
    var user = responses[0].value;
}

When debugging we get null in the value:

image

Alert js is not working on HTML web resource

Hi Paul,
I try to use alert.show and Dialog(option).showLoading() function in my html web resource Iframe in D365 CRM.
I can call the function from my html webresource. But the loading message doesn't appear.
I try to debug there's no error.

         alert.js version - 3.1.1

     Edit: the scripts were working fine on Ribbon workbench and CRM form.

Buttons have no ID optionality

Hello,

I am using Version 2.1 of These Dialogs in my CRM System. However the Dialogs work great I feel it is missing some core functionality.

In some use cases I have to disable the Buttons untill some requirements have been met, for this i Need to have an ID on the Buttons, but there is no way for me to achieve this at the Moment or am I missing a feature?

I would be able to do it by requesting all the button Elements inside #alertJS-tdDialogFooter, however this is not very secure due to having the possibilty of this id changing in future Releases/bugfixes.

With Kind regards,
SvenQ

Alert.Hide() issue

anyone can help me? I need to hide Alert.ShowLoading after a few seconds?

If i try this code ShowLoading never ends...

function MyFunction(){
Alert.Hide();
alert("TEST");
}
Alert.showLoading();
MyFunction();

Thanks!

Alert.showWebResource -404 ERROR

Hello

I'm trying to popup a web resource HTML page using Alert.showWebResource method.
this is my code:
Alert.showWebResource("new_A_TEST.html", 800, 800, "test", [new Alert.Button("OK", doSomething)], , true, 30)

unfortunately song from some reason I'm getting 404 error: https://imgur.com/a/5Q8o7xB

Can some help me :(

Theme colors

Hi Paul!

Does the solution v3.1 support Dynamics 365 Themes (colors)? All my buttons are blue. ;)

Thanks,
OldCat

Nested Alerts

More a feature/question: Is there a way I can nest these alerts? I'd love to put a custom wizard in the iframe alert and have confirmation alerts within that iframe. Currently, if I try to add another alert, it closes out the original iframe.

Issue passing recordId correctly

Hello, I am trying to use the Alert.showDialogProcess function in Ribbon Workbench 2016 to trigger a dialog from a custom button on the form and I am unable to pass the Record ID as a parameter, it's passing the string value instead of the ID.

I am pretty new to JavaScript, so any guidance you could offer would be greater appreciated!

When I inspect the iFrame, here is what I see:

<iframe id="alertJs-iFrame" class="alert-js-iframe" src="https://devcencrm.centuryfitness.com/DEVCRM/cs/dialog/rundialog.aspx?DialogId=%7b2E75936F-9777-4DA1-B4EA 3D6657FF49E1%7d&EntityName=lead&ObjectId="Xrm.Page.data.entity.getId()" style="height: 897px;"></iframe>

capture

Unable to get property '$' of undefined or null reference in IE

I have one custom ribbon in dynamic CRM that will popup my custom HTML web resources. In my custom HTML form I use alert.show popup on a button onClick. I already add all reference but still '$' is undefined. I also use full URL for the reference still not working. I have checked IE developer tool all the reference file are loaded.

formapproval

When I click cancel to open alert popup then getting this error

approvalcancel

TypeScript "Cannot find module" errors

Hi there, I'm currently upgrading our custom code to TypeScript and trying to use AlertJS within that. I have downloaded the TypeScript definitions and used an import statement to bring them into the file where I am using the Alert/Dialog. When I type the import statement, the auto-complete happily completes the path to the alert.d.ts file without problems, however I then get an error beside the import statement stating "Cannot find module ./../../XRM/alert' despite the fact that this path is absolutely correct, and the same path used in the import statement, the import statement itself does not show any error (which it does do if I change the path to something incorrect by underlining the path in red). I am also able to use Alert/Dialog calls in code and the auto-complete function works and there is no red underlining on lines that reference Alert/Dialog, indicating that VS Code/TypeScript understands where the definition file is and is using it.

I am using Mocha for testing and Rollup for build, both of these are erroring with the same problem that they cannot resolve the alert.d.ts file.

Here you can see where the module is defined correctly, with VS Code bizarrely showing a "cannot find module" error, while showing the correct module path beneath that error:
2021-07-26_12-51-31

And here you can see the error when I make a deliberate spelling error to show how a "real" error looks:
2021-07-26_12-54-34_IncorrectPath

I am totally stumped with this, AlertJS is the only library with which I am having any type of problem. If you have any idea what could be causing this I'd really appreciate any help!

Regards, Ben

question before buying the third version

Hello,

I would like to popup a window with two questions and a button. On button click I would like to pass the answers to an action and execute it.

so I created an action with 3 arguments: two arguments are my questions from type Boolean and third is an output argument: Action Test

from this point I'm a little bit clueless of what I need to do. basically I want to popup a window like this one with two Boolean questions and button which will pass the answers to the action and will execute the action.

is that something that I can do with the third version of alertjs? From what I understand I can't do it with the current version of alertjs?

Thanks @PaulNieuwelaar

Buttons not working

Hi,
I'm using latest Source 2.1 with Dynamics 365.
I created a custom ribbon and added alert.js and my functional-javascript into actions area.

After watching the popup, it fails handling the button clicks on Line:208

Alert.$(".alert-js-RefreshDialog-Button").prop("disabled", true);

with error message:
VM4276:208 Uncaught TypeError: Alert.$(...).prop is not a function
at Function.Alert._buttonClicked (:208:47)
at HTMLButtonElement. (:151:23)
at HTMLButtonElement.handle (jquery1.4.1.min.js:69)
at HTMLButtonElement.j (jquery1.4.1.min.js:64)

Whats wrong here?

EDIT: just read that jquery 1.6 is required for prop()-Method. So how is this supposed to work since jQuery1.4.1 is default in crm ?

Validation Issue

Hi Paul,

It seems with V9, alert.js is failing on these unsupported items:

JavaScript - Do not assume that the parent window is the Microsoft Dynamics 365/CRM form | High | ..\WebResources\h2_\js | alert.js | 26
JavaScript - Do not assume that the parent window is the Microsoft Dynamics 365/CRM form | High | ..\WebResources\h2_\js | alert.js | 55
JavaScript - Do not assume that the parent window is the Microsoft Dynamics 365/CRM form | High | ..\WebResources\h2_\js | alert.js | 59

Is this something you are aware of?

Expand full screen button or full screen launch

Hi Paul,

Thanks for your hard work on Alertjs. I am launching a webresource in an Alert, is there a feature to launch full screen and/or have a button to expand to full screen? If not, wonder if this could be considered as a new feature?

Regards,

Geoff.

Alert.getCrmWindow() is not working

Hi,

I am trying to show a HTML page in Alert.js on Quote form. I am trying to use Alert.getCrmWindow() (even tried with parent.Alert.getCrmWindow())as mentioned in the documentation to get the Xrm object. But this is not working and the resultant window object doesn't have XRM object.
Please find the attached screen shot.

alert_error

Dynamics CRM 365 (v9) compatibility

Hello,

I have one quick question. Is this library compatible with latest version of Dynamics CRM 365 (v9)?

Thank you in advance.

Best Regards,

Matej

Use alert.showwebresource to get message from user

hi. i used alert.js version 2.1 in my organization. i want to use alert.showwebresource to show a multiple line text box to user and user can add a message and after that click on OK button and i set that message in my form or fire a workflow. please help me to create HTML web resource for this situation .

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.