How to customize the javascript/jquery popups in asp .net

Question

1.00/5 (1 vote)

See more:

Hi Dear all..

could any one please tell me how to customise popups in asp .net using jquery or javascript by giving necessary colours and customized buttons...

Thank you all....

Posted 6-May-14 18:50pm

SubhashRokzzz

Add a Solution

Comments

Sergey Alexandrovich Kryukov 7-May-14 1:02am

What popups? Do you mean jQuery dialog? But they are custom by definition, can have any content. How it can be more custom than that?
—SA

SubhashRokzzz 7-May-14 1:08am

Thank you for your reply

Popup has some contents like " Its a valid User!" , "You are not authorized!", "CardReader not Connected!","Please Insert a Valid Card!",etc.
But now it is in windows default format. could you please tell me how to do this..

Thank you...

Prasad Avunoori 7-May-14 1:12am

You may use Modal popups instead of Simple windows alert messages.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2014-05-06T19:11:00

Solution 1

Please see my comment to the question. First of all, this is unrelated to ASP.NET.

Then, the colors are normally customized with CSS, and it doesn't really matter if the elements are created by jQuery or not; you can always add any CSS class to any HTML element.

And then, look at the source code of jQuery Dialog and some of pop-ups:
http://plugins.jquery.com/tag/popup[^],
https://jqueryui.com/dialog[^],
http://api.jquerymobile.com/popup[^].

In last two cases, for example, you will see that the content of the Dialog/Popup is just some <div> element. You can put any inner HTML in this element, whatever you want. How it can be more custom than that?

—SA

Posted 6-May-14 19:11pm

Sergey Alexandrovich Kryukov

Comments

Sanket Saxena 7-May-14 2:27am

Nice links... and obviously the customization they need is CSS based only no need to touch the js file.
+5 for the links

Sergey Alexandrovich Kryukov 7-May-14 2:37am

Right... in CSS and HTML, the content of the popup/dialog...
Thank you, Sanket.
—SA

Sanket Saxena 7-May-14 2:43am

Most welcome :)

thatraja 7-May-14 3:31am

5! jQueryUI!

Sergey Alexandrovich Kryukov 7-May-14 8:59am

Thank you, Raja.
—SA

Kornfeld Eliyahu Peter · Answer 2 · 2014-05-06T20:21:00

Standard popup windows in browsers are created using the alert JavaScript function. This kind of popup window CAN NOT be customized!
You can chose between two:
1. Use HTLM5 dialog tag, but as today it's only supported in Chrome an Safari
2. Take up a 3rd party JavaScript widget library with popup in it. As you mentioned jQuery you probably should pick jQuery UI