JQuery :: How To Make Background Inactive After Inline Popup Raised

Oct 4, 2010

how to make background Inactive when inline popup raised.....

I have created popups using divs in my page...Now i want to Inactive my form elements when popup raised.......I am operating popups using Jquery.....

View 23 Replies


Similar Messages:

AJAX :: Change Background Color Of Active And Inactive Tab Panel Header

Feb 27, 2014

I have a tabcontainer with three tabpanel. The first tab is always enabled, while the other two get enabled and disabled in the code-behind depending on some conditions.I would like to customize the header style of the second and third tab such that: - If the tabs are disabled, the header (title of the tab) font color should be gray - If the tabs are disabled, the header (title of the tab) font color should be blue. Currently, I have the following in my style sheet: `a.ajax__tab_tab{ color: blue; }`but this always sets the tab title font color to blue, regardless of whether the tab is enabled or disabled. This piece of code shows the conditions to enable or disable the tabs. Can I control for style here as well?

protected void HorizonTextBox_TextChanged(object sender, EventArgs e)
{
if (HorizonTextBox.Text != "")
{
TabPanel2.Enabled = true;
TabPanel3.Enabled = true;
WholeUpdatePanel.Update();

[Code] .....

View 1 Replies

Web Forms :: Make Aspx Page Inactive After We Redirecting Once?

Jan 3, 2011

i had aspx page control for transferring the application datas to another web page. k when i click the transfer button. the Current page will be inactive. and the User only once time they can transfer the page otherwise disabled.

View 3 Replies

Get Value From Page In Inline Popup Window?

Mar 29, 2010

The following is my task,

I have a form called index.aspx and i have some textbox and dropdown controls in this form. And i have a button on this page. When i click this button a inline popup should be opened and in that form i need to fill some values then when i submit here all the values will be stored in database. but when popup opened i should get all the values entered in index.aspx page in this popup to store in database. How to do this?

View 3 Replies

How To Make Inline Eval If Control

Apr 9, 2010

How to make inline eval if control ?

[code]....

View 1 Replies

C# - How To Make The Content Of The Popup Make A PostBack Only When It's Appeared

Jan 29, 2011

I have a user control is shown through a SimpleModal popup (JQuery), this user control gets some data from database and displays them (the details of a record).

The problem is that this user control makes a round-trip to gets the data every PostBack for the parent page even it's hidden.

I wonder if I could make it gets its data only if the popup is appeared.

I tried to put it inside a Panel with false for Visible property and change it to true when I open the popup, but it stil call Page_Load which gets the data from database!

View 2 Replies

AJAX :: Modal Popup Showing Behind The Background?

Jun 23, 2010

I am having a problem with the modal popup in that it never seems to popup and can be seen behind the background and not able to be accessed. I have tried setting the z-index of the panel above that of the background using css but this makes no difference.

My code is as follows:

[Code]....

View 3 Replies

Web Forms :: How To Design Popup With Background Overlay

Apr 27, 2016

<div id="myModal" class="modal fade overlay">
<div class="modal-dialog">
<div class="modal-content">

[Code].....

<img class="img-responsive" src="../images/btn_filter.png.png" alt="filter" title="Filter" style="float: right; padding-right: 20%;" data-toggle="modal" data-target="#myModal"/>

This is my image  to open the popup. how i will show the popup as shown in figure and overlay the background

View 1 Replies

AJAX :: Modal Popup Background CSS Not Working

May 7, 2015

Problem: When I tick the checkbox inside Gridview, modalPopup opens but its BackgroundCssClass is not being applied to it, and the popup just shows up at the left side corner of the page without changing the background and opacity.

I had installed Ajax TookKit for Framework 4.5 in Visual Studio 2013

Here is the code:

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<head runat="server">
<style type="text/css">
.modalBackground {
background-color: black;
filter: alpha(opacity=90);

[Code] ....

Also tried:
<cc1:ToolkitScriptManager ID="ToolKitScriptManager1" runat="server"></cc1:ToolkitScriptManager>
in place of:
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

View 1 Replies

JQuery :: Modal Popup That Allows Callbacks Or Asynchronous Calls Without Losing The Popup?

Aug 7, 2010

any modal popup controls whereas I can interact with the controls, causing callbacks and asynchronous calls without losing the popup.

I tried with the modalpopupextender, but the popup will disappear with the call and re-rendering the popup like many people will cause massive flashes of the popup which i want to try and avoid.

View 1 Replies

AJAX :: Modal Popup And Background Page Not Grayed Out?

Oct 29, 2010

using .net 4.0 and trying to open a modalpopup with grid loading; it pops up but doesn't grayout the rest of the page, allowing more clicking on the grid. I want the page to grayout with modalpopup and disable any further activity until the grid is loaded.

[Code]....

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript" language="javascript">
var ModalProgress = '<%= ModalProgress.ClientID %>';
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginReq);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endReq);
function beginReq(sender, args) {
// shows the Popup
$find(ModalProgress).show();
}
function endReq(sender, args) {
// shows the Popup
$find(ModalProgress).hide();
}
function CallPrint(url, window) {
window.open(url, window, 'left=0,top=0,width=900,height=600,toolbar=1,scrollbars=1,status=0');
}
</script>
<div>
<asp:ModalPopupExtender ID="ModalProgress" runat="server" BackgroundCssClass="modalBackground" PopupControlID="panelUpdateProgress"
TargetControlID="panelUpdateProgress">
</asp:ModalPopupExtender>
</div>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table class="style1">
<tr>
<td>
<asp:Literal ID="litMedResult" runat="server"></asp:Literal>
</td>
</tr>
<tr>
<td>
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1">
<asp:TabPanel ID="tpFilter" runat="server" HeaderText="Show AICE Filtered Meds">
<ContentTemplate>
<asp:GridView ID="gvFilteredMeds" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px"
CellPadding="3" GridLines="Vertical"
onrowdeleting="gvFilteredMeds_RowDeleting" DataKeyNames="AICEMedID">
<AlternatingRowStyle BackColor="Gainsboro" />
<Columns>
<asp:BoundField DataField="AICEMedID" Visible="False" />
<asp:BoundField DataField="node_descrp" HeaderText="Med" />
<asp:CommandField DeleteText="Remove From Filter"
HeaderText="Remove From Filter" ShowDeleteButton="True" >
<ControlStyle ForeColor="Red" />
</asp:CommandField>
</Columns>
<FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
<HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
<RowStyle BackColor="#EEEEEE" ForeColor="Black" />
<SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#0000A9" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#000065" />
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel ID="tpAllMeds" runat="server" HeaderText="Show All Meds">
<ContentTemplate>
<asp:GridView ID="gvAllMed" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px"
CellPadding="3" GridLines="Vertical" DataKeyNames="node_id"
onrowdatabound="gvAllMed_RowDataBound">
<AlternatingRowStyle BackColor="Gainsboro" />
<Columns>
<asp:BoundField DataField="node_id" Visible="False" />
<asp:BoundField DataField="node_descrp" HeaderText="Meds" />
<asp:TemplateField HeaderText="Add to Filter List">
<ItemTemplate>
<asp:Button ID="btnAddMed" runat="server" Font-Bold="true" OnClick="btnAddMed_Click" Text="Add Med" />
</ItemTemplate>
<ControlStyle Width="100px" />
<HeaderStyle Width="60px" />
</asp:TemplateField>
</Columns>
<FooterStyle BackColor="#CCCCCC" ForeColor="Black" />
<HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" />
<RowStyle BackColor="#EEEEEE" ForeColor="Black" />
<SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#0000A9" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#000065" />
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel></div>
<div>
<asp:Panel ID="panelUpdateProgress" runat="server" CssClass="updateProgress" >
<asp:UpdateProgress ID="UpdateProg1" DisplayAfter="0" runat="server">
<ProgressTemplate>
<div style="position: relative; top: 45%; text-align: center;">
<img alt="Processing" class="style3"
src="Images/loading.gif" />Processing ...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Panel>
</div>
</asp:Content>

View 8 Replies

AJAX :: Modal Popup Closes On Background Click?

Apr 1, 2011

I have a modal popup that on the first time it is running, if the user clicks the greyed out background the modal closes. On the 2nd and later times it runs correctly. The user can click the background and it works correctly. I have searched around and tried a few things with out any luck.

Here is the code.

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true" EnablePartialRendering="true"> </telerik:RadScriptManager>
<ajax:ModalPopupExtender ID="GlobalModalPopupExtender" runat="server" PopupControlID="GlobalpnlPopup" TargetControlID="GlobalMain" BackgroundCssClass="modal_background"> </ajax:ModalPopupExtender>
<div id="GlobalMain" runat="server"> </div> <asp:Panel ID="GlobalpnlPopup" runat="server" Style="display: none; background-color: White; border-width: 4px; border-style: solid; border-color: #EA0A8D; padding: 4px; height: 40px; width:
200px; z-index: 10000; " CssClass="RadButton"> <table align="center"> <tr> <td align="center"> <asp:Image ID="imgGlobalProcessing" CssClass="progress_image" runat="server" ImageUrl="~/images/ajax-loader.gif"
/> <b>Processing...</b> </td> </tr> </table> </asp:Panel>
<script type="text/javascript">
Sys.Application.add_load(GlobalApplicationLoadHandler);
function GlobalApplicationLoadHandler(sender, args) { var prm = Sys.WebForms.PageRequestManager.getInstance(); if (!prm.get_isInAsyncPostBack()) { prm.add_initializeRequest(initRequest); prm.add_endRequest(endRequest);
} } function timer() { return true; }
function initRequest(sender, args) { var pop = $find("<%=GlobalModalPopupExtender.ClientID%>"); pop.show(); }
function endRequest(sender, args) { var pop = $find("<%=GlobalModalPopupExtender.ClientID%>"); pop.hide(); } </script>
.modal_background { background-color:Gray; filter:alpha(opacity=65); -moz-opacity:0.65; /* It is for Mozilla firefox browser */ Opacity:0.65; }

View 1 Replies

AJAX :: Freeze Background When Modal Popup Is Opened (IE)

Apr 18, 2012

I am using multiple ajax modal pup-ups. When i click on one of the pop-up, the background should be in freeze mode. so, that the users cannot click on the other pop-ups untill the opened pop-up should be closed.

View 1 Replies

AJAX :: Modal Popup Extender Background On Window Resize

May 14, 2010

I am using modal popup extender in my web page, it is working fine, but when the page contents are expanded, modal popup displays with no background color. Here is more info -

The web page contains bunch of update panels that have reports in iFrame controls inside it. On click of save, I display modal popup with confirmation message. Initially, all panels are collapsed, modal popup is displayed properly with the gray background color. When i expand all the panels, page gets really huge and modal popup displays no background color (transparant). Below are the styles I am using -

.modalPopupBackground
{
background-color: Gray;
filter: alpha(opacity=50);
opacity: 0.50;
}
.modalPopup
{
background-color: white;
border-width: 3px;
border-style: solid;
border-color: #165EA9;
padding: 3px;
width: 600px;
height: 150px;
}

Here is the modal popup code -

<asp:Button ID="btnHiddenTarget" runat="server" Style="display: none" Text="HiddenTargetControlForModal" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnHiddenTarget"
BackgroundCssClass="modalPopupBackground" PopupControlID="ModalPanel1" OkControlID="btnModalYes"
DropShadow="true" PopupDragHandleControlID="ModalPanel3" />
<asp:Panel ID="ModalPanel1" runat="server" Style="display: none;" CssClass="modalPopup">
<asp:UpdatePanel runat="server" ID="updPopupMsg">
<ContentTemplate>
<asp:Panel ID="ModalPanel3" runat="server" Style="cursor: move; background-color: #DDDDDD;
border: solid 1px Gray; color: Black; height: 20px">
<div>
<p style="text-align: center;">
<asp:Label runat="server" ID="lblInfoPopupHeader" Font-Bold="true"></asp:Label></p>
</div>
</asp:Panel>
<asp:Panel runat="server" ID="pnlPopupMsg" Style="text-align: left; vertical-align: middle;
overflow: auto; height: 100px">
<p>
<asp:Label runat="server" ID="lblInfoPopup" Font-Bold="true"></asp:Label></p>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
<p style="text-align: center; vertical-align: bottom; height: 20px">
<asp:Button ID="btnModalYes" runat="server" Text="OK" CssClass="commandButton" Style="width: 100px;"
IgnoreDirty="Dirty" />
</p>
</asp:Panel>

Technical Environment - VS 2008 and AjaxControlToolkit 3.5.40412.0.

View 4 Replies

AJAX :: Modal Popup - Background Page Doesn't Get Fully Grayed Out

Apr 27, 2010

I have a huge content on a page which scroll's down vertically and when I try to popup a modalpopup control on this page, some part of the screen is not grayed out on IE6 and user can interact with the background page ( even when modal popup is open) . This happens only on IE6 works fine on IE8 and firefox .

View 2 Replies

AJAX :: How To Freeze The Background Page After Modal Popup Window Called

Nov 1, 2010

when i call modal popup extender the background is scrolling , i want to freeze the background page then is there any properties or any other idea to get this ..

View 5 Replies

AJAX :: Mouse Focus Stays On Background When Modal Popup Opens

Dec 17, 2010

The title of this post says almost all.

This happens only sometimes on the same code, but when I open a modal popup window, mouse focus
stays on the background and buttons on the modal popup does not response.

If I move the mousepointer, I can see that buttons on the background are highlighted by mouseover, and I can even click on them.

I have tried to find when this happens by trying different mouse movement without luck.

Does any one have the same experience? I would like to know why this happens and/or how I can pretend this behavior.

View 3 Replies

Configuration :: Unable To Pass Session With Modal Popup Extender And Background Thread

Oct 2, 2010

I have a problem with a Model Popup Extender that monitoring a background thread.

I need to give feedback to the user about tasks that happend in the server side.

So searching on internet this give me a solution [URL]

Launch a thread, passing the Session variable, update a flag and a mesage and show the info in the web with a timer.

almost all, is fine, in one server (sadly, close to production) after the task (and thread) is completed, the Session variable is set to null and the user is redirected to a "Session Expired" Page.

[code].....

I noticed that this is a very slow server and some websites are very slow.

Session is managed with cookies and the timeout is set to 30 min.

View 1 Replies

Web Forms :: How To Make Background-image Of Table Or Panel Rounded

Sep 16, 2010

I have taken background-image of a Table and Panel, that image's corner is rectangula. How can i make its corners Rounded ?I searched some online resources, images were made rounded, how to make make background-image rounded on the fly ?

View 7 Replies

JQuery :: .Net Custom User Control Buttons (events) Not Firing In Jquery Modal Popup?

Oct 28, 2010

I have a custom control, that has takes some information from user and submit to the database. it is working fine in normal aspx pages. but when i display that custom user control in jQuery modal popup. The events does not fire or lets say the data is not submitted to the database.

View 3 Replies

Web Forms :: How To Make This Effect: That Hyper Link(HOME) Is On That Dark Blue Background

May 9, 2010

Please check this website: [URL]My question is that how can I make this effect: that hyper link(HOME) is on that dark blue background. How can I do it?

View 3 Replies

Forms Data Controls :: Unable To Make The First Row Of Gridview To Have Red Background / Index Out Of Range

Nov 13, 2010

The gridview data comes from the procedure

which results as

PRESIDENT VOTES

XYX 10

ABC 9

FHG 8

HJGJJ 7

I tried something like this :

GridView1.Rows[1].Cells[1].BackColor = System.Drawing.Color.Blue;

But everytime i use statements like such , i get the error:

Index was out of range. Must be non-negative and less than the size of the collection. Parameter name: index

View 2 Replies

JQuery :: Change Image Background After Sometime?

Jan 27, 2011

i need to know if there are a way to change the background image after a specific time like 10 sec or 30 sec...etc. you know like yahoo Login mail "it's changing the background daily!!"

if there is a way using JQuery or CSS or html or any other thing.

View 2 Replies

How To Set The Background Color Of A Table Cell With JQuery

Nov 24, 2010

I've written an ASP.net page that uses an ASP GridView to display a table of data.

I would like to write some JavaScript that will color each cell red that contains the value '0'. I think I can use something like $("td").each or document.getElementsByTagName('td'). I have some CSS I would like to apply to the cells to make them red.

How can I do this with jQuery (or without jQuery) ?

View 3 Replies

Jquery - How To Autorefresh MVC Webpage If Condition Is Met In Background

Feb 9, 2011

I am working on having the following functionality for my mvc website. I want to have, for example 5 selected users voting on some question. When a user has voted, they will remain in a 'waiting' state until everyone has answered. Once those 5 users have answered, the page would autorefresh and I can populate the next question.

My basic thinking is that I need something like the following pseudocode to execute every so often (say 10 seconds) to check the status, possibly in jquery... then my controller can populate the next question.

while(condition not met) { } //wait
refresh()

Is there any simple way to fulfil this functionality?

View 2 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved