How to fade the aspx page and open the dialog on buttonClick in aspx page

Question

0.00/5 (No votes)

See more:

Defaulttimesheet.aspx page in my application contains two buttons(search and back) and a multiview with attribute visible=false. Initially my page displays only two(Search and back) buttons when i click on search button the defaulttimesheet.aspx page colour changes to fade and displays multiview in white color. multiview contains toolbar with filter button, when i clicked on this filter button it should change the multiview colour to fade and open a search dialog also when i close the dialog the multiview colour should changed to white. Am able to open the dialog but not possible to fade the view. How can i do this? Anyone plz help me..............

Thanks in advance

Posted 7-Jun-12 18:57pm

Anitha MS

Add a Solution

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)

Anitha MS · Answer 1 · 2012-06-11T23:48:00

Add one divtag with id=divSearch and place the multiview content inside that div.
In defaulttimesheet.aspx inside openDialog added this code to fade before showmodaldialog

$get('<%=divSearch.ClientID %>').className = "gray";

and following code after showmodaldialog

$get('<%=divSearch.ClientID %>').className = "white";.

Add these two classes inside default.css

CSS

.gray
    {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%; /*background-color: gray;*/
        opacity: .5;
        filter: alpha(opacity=50);
    }

    .white
    {
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        opacity: 1;
        filter: alpha(opacity=100);
    }

CodingLover · Answer 2 · 2012-06-10T17:49:00

Solution 1

Have a look around on jQuery. You can find quite similar stuff there, do the changes are you want.

Or else you can write your own library to do this.

Posted 10-Jun-12 17:49pm

CodingLover

Comments

Anitha MS 12-Jun-12 2:43am

Hi, here is my jquery and divid to fade defaulttimesheet.aspx at first time
function fade() {
$get('<%= divFade.ClientID %>').style.display = 'inline';
}

function fade_out() {
$get('<%= divFade.ClientID %>').style.display = 'none';
}
<div id="divFade" runat="server" class="gray_overlay" style="display: none">
</div>
it's not possible for me to fade the multiview by calling it for second time inside open dialog contained in defaulttimesheet.aspx. How can i do this?

Thanks in advance

CodingLover 12-Jun-12 4:09am

You mean only first time its get fade, but not in second time?

Anitha MS 15-Jun-12 3:18am

Hi, do you have any other solution to fade the page on second time? the one i mentioned is working fine in my workspace but not in other workspace....... plz help me...

thanks

Anitha MS 12-Jun-12 5:41am

Thanks for your reply..... i got solution