Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
134 views
Hi,

I am trying to implement functionality where by all the controls on my aspx are covered by a div during a long running process.
This is for a  business app which will run on IE6. (Yes I know.)
I am trying to place a div over all controls on the page from the OnClientClick event of a button contained in an ascx which is on an aspx.
It almost works, however, even when I set the z-index of the div to 1000000 the Rad Menu is still on top. When I check the z-index using the IE Developer Toolbar it says that the Rad Menu z-index is 7000 (the default) and the div is 1000000. See the .jpg attached.
When I set the z-index of the menu to less than the ascx then it works, however, that means that the menu drop downs are also covered. 

So why is the menu on top? How can I cover all the controls to stop users fiddling while the upload is running?
Is there a way to temporarily bring the ascx to the front while processing and then send it back when finished?

Any help is appreciated.

Here is my code.
default.master that contains a RadMenu and content place holders contp1 and contp2.
BulkLoad.aspx which is derived from  default.master. 
 
<%@ Page Title="" Language="C#" MasterPageFile="~/Default.Master" AutoEventWireup="true"
    CodeBehind="BulkLoad.aspx.cs" Inherits="MyProject.WebApp.BulkLoad" %>
 
<%@ Register TagPrefix="rad" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Src="~/Controls/BulkUploadControl.ascx" TagName="BulkUpload" TagPrefix="cag" %>
<%@ Register Src="~/Controls/BulkUploadAuditControl.ascx" TagName="BulkUploadAudit"
    TagPrefix="cag" %>
 
 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BottomPane" runat="server">
 
    <br />
    <div class="level2_tabstrip">
        <rad:RadTabStrip RegisterWithScriptManager="true" AutoPostBack="True" SelectedIndex="1"
            MultiPageID="RadMultiPage1" ID="rtsBulkLoad" runat="server" Skin="WebBlue">
            <Tabs>
                <rad:RadTab Text="Upload" PageViewID="Upload" Selected="True">
                </rad:RadTab>
                <rad:RadTab Text="Audit" PageViewID="Audit">
                </rad:RadTab>
            </Tabs>
        </rad:RadTabStrip>
    </div>
    <div class="level2_content">
        <rad:RadMultiPage RenderSelectedPageOnly="true" ID="RadMultiPage1" runat="server"
            SelectedIndex="1" Width="900">
            <rad:RadPageView ID="Upload" runat="server" Selected="true">
                <cag:BulkUpload runat="server" ID="BulkUpload1" BatchTypeDesc="" />
            </rad:RadPageView>
            <rad:RadPageView ID="Audit" runat="server">
                <cag:BulkUploadAudit runat="server" ID="BulkUploadAudit1" BatchTypeDesc="" />
            </rad:RadPageView>
        </rad:RadMultiPage>
    </div>
</asp:Content>

The BulkUploadControl contains this:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BulkUploadControl.ascx.cs"
    Inherits="Myproject.WebApp.Controls.BulkUploadControl" %>
<%@ Register TagPrefix="rad" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<script language='javascript' type='text/javascript'>
    function showLoading() {
        document.getElementById('blackOut').style.display = 'block';
        document.getElementById('blackOut').style.height = '500px';
        document.getElementById('blackOut').style.width = '942px';
    }
</script>
 
<rad:RadWindowManager ID="RadWindowManager1" runat="server" />
<asp:Panel runat="server" ID="pnlAccessDenied" Visible="true">
    You do not have permission for this function
</asp:Panel>
<asp:Panel runat="server" ID="pnlAccessOk" Visible="false">
    <br />
    <asp:Label ID="lblTitle" Font-Bold="True" Font-Size="X-Large" runat="server" Font-Names="Arial"></asp:Label>
    <br />
    <br />
    <asp:Label ID="lblText" Font-Bold="False" Font-Size="Small" runat="server" Font-Names="Arial"></asp:Label>
    <br />
    <br />
 <div id="blackOut" style="display: none; z-index: 1000000; position: absolute; background-color: black;
        filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; top: -300px;
        left: -10px; height: 1000px; width: 1500px;">
        <table width="1000px" style="height:1000px;">
            <tr>
                <td align="center" valign="middle" >
                    <h2 style="color: White; font-weight: bold">
                        Processing...</h2>
                </td>
            </tr>
        </table>
    </div>
    <table width="850" border="0" cellspacing="0" cellpadding="10" class="table_grid">
        <tr>
            <td>
                <b>Upload</b>
            </td>
            <td>
                <asp:Label runat="server" ID="lblReportingPeriodStatus" ForeColor="Red" Visible="false"></asp:Label>
            </td>
        </tr>
        <tr>
            <td colspan="100%">
                <input class="textbox" size="100" type="file" id="File1" runat="server" name="File1" />
                <asp:Button ID="buttonSubmit" class="button" runat="server" OnClick="btnSubmit_OnClick"
                    OnClientClick="showLoading();" Text="Upload" Height="23px" />
                <br />
                <br />
                <table width="850" class="table_grid3">
                    <tr>
                        <td width="200">
                            Local Path
                        </td>
                        <td class="td_clear">
                            <asp:Label runat="server" ID="lblLocalPath"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Batch ID
                        </td>
                        <td class="td_clear">
                            <asp:Label runat="server" ID="lblBatchID"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Loaded to Staging
                        </td>
                        <td class="td_clear">
                            <asp:Image ID="Image2a" runat="server" ImageUrl="~/Images/gtick01.gif" Visible="false" />
                            <asp:Image ID="Image2b" runat="server" ImageUrl="~/Images/gcross01.gif" Visible="false" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Status Message
                        </td>
                        <td class="td_clear">
                            <asp:Label runat="server" ID="lblStatusMessage"></asp:Label>
                        </td>
                    </tr>
                </table>
                <asp:Label runat="server" ID="lblSaveResults"></asp:Label><br />
                <asp:Label runat="server" ID="lblLoadResults"></asp:Label><br />
            </td>
        </tr>
    </table>
    <br />
    <rad:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" AllowAutomaticDeletes="false"
        AllowAutomaticInserts="false" AllowAutomaticUpdates="false" OnItemDataBound="RadGrid1_ItemDataBound"
        EnableAJAX="True" Width="850px" AllowPaging="True" PageSize="50" Skin="WebBlue"
        Visible="false">
        <PagerStyle AlwaysVisible="true" Mode="NumericPages" />
        <SelectedItemStyle CssClass="selectedItem" />
        <EditItemStyle CssClass="selectedItem" />
        <ExportSettings IgnorePaging="true" />
        <MasterTableView CommandItemDisplay="Top" GridLines="Horizontal" EditMode="EditForms"
            TableLayout="Auto" AutoGenerateColumns="False">
            <CommandItemSettings ShowExportToCsvButton="true" />
            <Columns>
                <rad:GridBoundColumn Visible="false" UniqueName="field1" HeaderText="field1"
                    DataField="field1" />
                <rad:GridBoundColumn HeaderStyle-Width="50px" UniqueName="Row" HeaderText="Row" DataField="Row" />
                <rad:GridBoundColumn HeaderStyle-Width="50px" UniqueName="Column" HeaderText="Column"
                    DataField="Column" />
                <rad:GridBoundColumn HeaderStyle-Width="100px" UniqueName="ColumnName" HeaderText="Column Name"
                    DataField="columnName" />
                <rad:GridBoundColumn HeaderStyle-Width="100px" UniqueName="ColumnType" HeaderText="Column Type Expected"
                    DataField="columnType" />
                <rad:GridBoundColumn HeaderStyle-Width="100px" UniqueName="ColumnValue" HeaderText="Column Value"
                    DataField="columnValue" />
                <rad:GridBoundColumn UniqueName="ErrorText" HeaderText="Error" DataField="ErrorText" />
            </Columns>
        </MasterTableView>
    </rad:RadGrid>
</asp:Panel>
Kate
Telerik team
 answered on 24 May 2011
1 answer
82 views
Hi,

I'm new to using radgrid.  I'd like to build a grid with grouping header by date.  See the image provided for clarification.  Any help would be appreciated.

Thanks,

Steve
Tsvetoslav
Telerik team
 answered on 24 May 2011
0 answers
78 views
Hello,
We have a table doctor appointment has field name recurring appointment.
This field is save from radscheduler control(it save string format like this: DTSTART:20110526T100000Z  DTEND:20110526T103000Z  RRULE:FREQ=DAILY;INTERVAL=1;BYDAY=MO,TU,WE,TH,FR,SA,SU).
we need to show diferrent row in a table according to DTSTART and DTEND date and time(it means that recurring  is weekly then show 7 rows in the gridview and recurring  is monthy then show 30/31 rows in the gridview from the start time and end time.

And  i Also try this code:

    private DataTable GetGridDataSource()
    {
        //Create a dynamic table to store the appointments' information:  
        DataTable table1 = new DataTable();
        table1.Columns.Add("Subject");
        table1.Columns.Add("StartDate");
        table1.Columns.Add("EndDate");




        SchedulesService schedulesService = new SchedulesService(); //Our custom service to get the schedules info from database
        TList<Schedules> schedulesList = schedulesService.GetAll(); //This will be a list of all schedules as it exists in database.


        foreach (Schedules schedule in schedulesList) //Each schedule as it exists in database
        {
            if (string.IsNullOrEmpty(schedule.RecurrenceRule)) //No recurrence rule
            {
                table1.Rows.Add(new string[] { schedule.Subject.ToString()
                    , schedule.StartTime.ToString()
                    , schedule.EndTime.ToString() });
            }
            else //Recurrence rule exists
            {
                RecurrenceRule parsedRule;
                RecurrenceRule.TryParse(schedule.RecurrenceRule, out parsedRule);
                foreach (DateTime occurrence in parsedRule.Occurrences)
                {
                    table1.Rows.Add(new string[] { schedule.Subject.ToString()
                        , occurrence.ToString()
                        , occurrence.AddHours(1).ToString() });
                }


            }
        }


        return table1;
    }
It will not work because this method is different from what we want.

please help me as soon as possible.
Thanks.

Mutum Jiten Singh
Akhil Systems
Jiten
Top achievements
Rank 1
 asked on 24 May 2011
1 answer
41 views
I have a grid with a detail table. I can expand each row and see the cooresponding detail record. I have a custom procedure on the grid event OnItemDataBound. I wanted to turn a couple images on or off based on a value in the database as well has build a URL for another hyperlink control. When the image control visibility is set to false or the navigateurl on the hyperlink is set, the row will not expand. I have verified that the page is posting back and making a call to the database when I attempt to expand the row. Any other row that I did not touch the image or hyperlink control still expands without a problem.

Thanks in advance.
Radoslav
Telerik team
 answered on 24 May 2011
3 answers
138 views
Hi,

I am basing my code off of the sample you have here:
http://demos.telerik.com/aspnet-ajax/window/examples/dialogreturnvalue/defaultcs.aspx

In your sample, on the aspx page for "Dialog2.aspx" is a javascript function:
function returnValue()
{
    //get the RadComboBox's selected item's text
    var combo = $find("<%= RadComboBox1.ClientID %>");
    var selectedCapital = combo.get_text();
 
    //Get a reference to the parent page (Default.aspx)
    var oWnd = GetRadWindow();
 
    //get a reference to the second RadWindow
    var dialog1 = oWnd.get_windowManager().getWindowByName("RadWindow1");
 
    // Get a reference to the first RadWindow's content
    var contentWin = dialog1.get_contentFrame().contentWindow
     
    //Call the predefined function in Dialog1
    contentWin.populateCityName(selectedCapital);
 
    //Close the second RadWindow
    oWnd.close();
}

This line here, works great, but I need to try to modify:
contentWin.populateCityName(selectedCapital);

instead of calling a function (in this case "populateCityName") I want to be able to set the control's value directly.
Is this possible?
So instead of the above line of code, I would like to do something like:
contentWin.document.getElementById("cityName").value = "hello";
Georgi Tunev
Telerik team
 answered on 24 May 2011
1 answer
215 views
Hi,

Is it possible to display an image in a grid cell based on the grid cell value. For example, if the cell value is say 'True/false', show a thumbs up or a thumbs down image.

Are there any inbuilt methods for doing this?

Or do we need to manipulate in the item_databound event?

Will there be performance issues if this is done for say (10 columns * 100 rows), i.e approximately 1000 cells?

Thanks,
Saravanan
Jayesh Goyani
Top achievements
Rank 2
 answered on 24 May 2011
2 answers
77 views
Hi
I have grid which has 1000 rows, is there an example for filtering in client side in the 1000 rows(Not post back)?
thanks
Tsvetoslav
Telerik team
 answered on 24 May 2011
3 answers
101 views
<telerik:RadDataPagerTemplatePageField
    <PagerTemplate
        <asp:DropDownList ID="DropDownList1" runat="server"
        </asp:DropDownList
        <asp:Label ID="lblTimeAmount" runat="server" Text="..." ></asp:Label
    </PagerTemplate
</telerik:RadDataPagerTemplatePageField>
protected void Page_Load(object sender, EventArgs e)  
{
   //How to Get or Set Control's Value to Any in DropDownList1 or lblTimeAmount
  
}
also:
<telerik:RadToolBarButton runat="server" Text="SearchBox"
     <ItemTemplate
         <telerik:RadComboBox ID="RadComboBox1" Runat="server"
             <Items
                 <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" 
                     Value="RadComboBoxItem1" /> 
                 <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" 
                     Value="RadComboBoxItem2" /> 
                 <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" 
                     Value="RadComboBoxItem3" /> 
             </Items
         </telerik:RadComboBox
     </ItemTemplate
 </telerik:RadToolBarButton
 <telerik:RadToolBarButton runat="server" Text="SearchCount"
     <ItemTemplate
         <asp:Label ID="lblTimeAmount" runat="server" Text="..." ></asp:Label>
     </ItemTemplate
 </telerik:RadToolBarButton>
protected void Page_Load(object sender, EventArgs e)   
   //How to Get or Set Control's Value to Any in DropDownList1 or lblTimeAmount
}
gzzn
Top achievements
Rank 1
 answered on 24 May 2011
2 answers
89 views
Hello All,

I have one small issue while Saving RadGrid Settings using GridPersister Class.
Actually I want to Save All supported "PersistedSettingTypes" but not Paging settings.
So any one have idea how to exclude only Page Settings while Saving Grid Settings?

Thanks in Advance & Regards,

Dharmesh
Tsvetina
Telerik team
 answered on 24 May 2011
4 answers
188 views

Hi there,

Thanking you for very quick responses,

What I am trying to do is for a grid

1. add template columns to the grid
2. display the grid in edit mode
3. when click "save all", update all edited rows

What I did
for 1

GridTemplateColumn assResult = new GridTemplateColumn();  
this.RadGridGradingBatchEntry.MasterTableView.Columns.Add(assResult);  
assResult.DataField = "UniqueDateField";  
assResult.UniqueName = "UniqueDateField";  
assResult.SortExpression = "UniqueDateField";  
assResult.HeaderText = "UniqueDateField";  
assResult.SortExpression = "UniqueDateField";  
assResult.DataType = System.Type.GetType("System.Int32");  
assResult.Resizable = true;  
assResult.ItemStyle.Wrap = true;  
assResult.ItemStyle.Width = 15;  
assResult.ItemTemplate = new MyTemplate()  // Mytemplate returns implements Itemplate and I created this class according to one of forums I found here.  

for 2

protected void RadGridGradingBatchEntry_PreRender(object sender, System.EventArgs e)  
    {  
        foreach (GridDataItem item in RadGridGradingBatchEntry.Items)  
        {  
            item.Edit = true;  
            RadGridGradingBatchEntry.Rebind();  
        }  
    } 

for 3

protected override void RaisePostBackEvent(IPostBackEventHandler source, string eventArgument)  
    {  
        base.RaisePostBackEvent(source, eventArgument);  
        if (source is RadGrid)  
        {  
            string[] postBackEventArgumentData = eventArgument.Split(':');  
            switch (postBackEventArgumentData[0])  
            {  
                case "SaveAll":  
                    foreach (string l_EachItem in postBackEventArgumentData[1].Split(','))  
                    {  
                        if (!(l_EachItem == ""))  
                        {  
                            GridItem item = (GridItem)((Table)RadGridGradingBatchEntry.MasterTableView.Controls[0]).Rows[int.Parse(l_EachItem)];  
                            GridEditableItem editedItem = (GridEditableItem)item;  
                            Hashtable newnewValues = new Hashtable();  
                            item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem);  
 
                        }  
                    }  
 
                    break;  
            }  
        }  
    } 

Now problem is that when I look up newValues, all dynamically created columns are not visible but only columns that have been specified as bound column are available to access.

Your help will be appreciated as always,

Toby 

Sebastian
Telerik team
 answered on 24 May 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?