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.....
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] .....
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 RepliesThe 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?
How to make inline eval if control ?
[code]....
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!
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]....
<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
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>
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.
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>
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; }
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 RepliesI 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.
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 Replieswhen 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 RepliesThe 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.
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.
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 RepliesI 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 RepliesPlease 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 RepliesThe 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
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.
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) ?
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?
