#modal dialog

[zeeshanamjad]

Using TypeScript with React

I personally prefer static type language, which means that I am able to catch as many errors even before running the programs. Therefore I like typescript and try to use it if possible. Another reason to use typescript it that it makes code simple and institutive. We create a program to pass the information in modal dialog and in that program we just pass the first name and last name. We even…

View On WordPress

[zeeshanamjad]

Passing values to Modal Dilaog

We created a modal dialog, in previous post. Now let’s try to pass some values in to the modal dialog. First we are creating Modal dialog a different component in a different file to make code manageable. Let’s call this UserDialog. This Modal dialog displays first name and last name passed by the caller. We also passed isOpen variable and toggle method from the caller. Here is a code of our…

View On WordPress

[zeeshanamjad]

Create Model Dialog in React

There is a famous saying that there are more than one way to skin a cat. We can do the same to solve this problem. Here we are going to discuss the simplest approach to create a model dialog in react. Fist we are going to use create-reat-app as our starting point. The simplest way is to install using npm, or npx. npx create-react-app my-app It creates a folder my-app with all the necessary files…

View On WordPress

[devoworx]

Open a Filtered List URL in a Modal Dialog in SharePoint

Open a Filtered List URL in a Modal Dialog in SharePoint

In this hint, I will elaborate How to show a List with a filter in a Modal Dialog within SharePoint.

Steps:

Open your List > Click on the Setting gear > select Edit Page.

Add Query string (URL) filter` web part.

Click on Open the tool pane to configure the Filter web part.

Set the Query String Parameter Name to your appropriate Parameter Name in my case, it’s ProjectID.

Now build the…

View On WordPress

[devoworx]

Open a link via Modal Dialog in SharePoint

Open a link via Modal Dialog in SharePoint

In this hint, I will show How to Open a SharePoint link via SharePoint Modal Dialog  (SP.UI.ModalDialog.showModalDialog).

My Scenario :

I have an Operation Site and I want to open the Central Administration Link at its Home Page as a Modal Dialog.

Steps: (more…)

View On WordPress

[a11ywins]

Shopify.com homepage signup modal

From Monica Piotrowicz:

Our team went through some efforts to make sure the signup modal dialog was easily accessible via keyboard from the 3 places it’s triggered. Focus follows and returns to the trigger when the modal is opened/closed. Modal includes aria role and label, as well as accessible form fields, hints, and error states. Let me know if you’ve got any feedback! :)

Shopify, a nearly 10-year-old online selling platform, is well designed and built with accessibility in mind. Why can’t more sites do this?!

On the homepage, skip links and visible focus states work very well. I was a little unclear how to use the popup “more” link in the main navigation, but it expands a small list of links that are easy to get past. Where the page really shines, and I’m so glad Monica submitted it, is the signup dialog, triggered by the “Get started” link. Upon open, focus is sent directly to the first form input. Keyboard and screen reader users can move easily through the rest of the fields, which are all labeled. It’s intuitive and I suspect it probably has a great conversion rate. Nicely done!

[s-t-i-l-l-of-blog]

cannot handle the request > OK.

[adobe-error-messages]

Adobe InDesign failure "Cannot handle the request because a modal dialog or alert is active." ____ You cannot handle the truth!