Telerik Forums
UI for ASP.NET AJAX Forum
9 answers
288 views
Hey All,

We have a few select pages where the modality of all the RadWindows is not...well modal.  This occurs in Internet Explorer (IE6, IE7, IE8) only.  Firefox, Safari, and Chrome all display the RadWindows as expected (see attached).

We have tried 
  1. Reordering the windows within the RadWindowManager
  2. Removing all but one entry in <RadWindowManager><Windows>...
  3. Using radopen() vs .set_navigateUrl() with a show()
  4. Setting the modality on the client-side with .set_modal(true);
  5. Setting the modality in the markup (Modal="True") on the RadWindowManager and the RadWindow themselves
  6. Setting the modal in the codebehind 
  7. Asking IE nicely

.aspx
<telerik:RadWindowManager runat="server" ID="rwmManager" VisibleStatusbar="False"
        OnClientClose="OnClientClose" OnClientShow="OnClientShow" EnableShadow="True"
        ShowContentDuringLoad="false" Skin="Office2007" Modal="True" Behaviors="Move"
        KeepInScreenBounds="True" ReloadOnShow="True">
        <Windows>
            <telerik:RadWindow runat="server" ID="rwLetter" Width="500" Height="300">
            </telerik:RadWindow>
            <telerik:RadWindow runat="server" ID="rwLookup" Width="1010" Height="600">
            </telerik:RadWindow>
            <telerik:RadWindow runat="server" ID="rwViewDocuments" Width="900" Height="400">
            </telerik:RadWindow>
            <telerik:RadWindow runat="server" ID="rvViewDuplicates" Width="700" Height="400">
            </telerik:RadWindow>
            <telerik:RadWindow runat="server" ID="rwGridEntry" Title="Add/Modifiy Detail Line"
                VisibleStatusbar="true" Width="1000" Height="650" ShowContentDuringLoad="false">
                <ContentTemplate>
                    <afs:Toolbar runat="server" ID="GridToolbar" />
                    <div id="destination" />
                </ContentTemplate>
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>
#destination has content that is filled in after render using jQuery.  I've remove this event with same effect thinking jQuery was the culprit. 

Any help is greatly appreciated.

Cheers,
Mike
Brad
Top achievements
Rank 1
 answered on 16 May 2014
3 answers
667 views
Help...please!

I have been developing a new .aspx application using several of the Telerik controls.  The application has been working fine on the development machine where the Telerik controls were auto-installed.

I have just moved the entire web site up to a production Windows Server 2008 machine for final testing and am having several issues with the Telerik controls.

(1) The combo box has no "button" for opening the list and, therefore, no combo drop down functionality.
(2) The RAD Window doesn't open at all.
(3) The grid (when using the "black" skin) shows the data correctly, but there are no backgrounds/bars on the grid at all.

When trying to "click the mouse around the combo where the drop down button should be", there are no errors being encountered at all.  On a page where the Rad Window should be displayed when a specific button is pressed, there are Javascript errors occurring, but I have not yet identified where the errors are coming from.  But the RAD Window never opens up and (other than the Javascript errors on the page) there are no other errors being encountered.

Does anyone have an idea what is missing from the project that would result in these issues?  As I said, I moved the entire project in one move.  The only difference is that the Telerik controls "installed" on the development machine and not on the server.

Thanks in advance to anyone who can point in the right direction!

Lynn
Brad
Top achievements
Rank 1
 answered on 16 May 2014
1 answer
185 views
I am using the RadScheduler with the AdvancedForm.ascx and AdvancedForm.js files.  I have customized the AdvancedForm to allow four different checkboxes as follows:

AM, PM, After Hours, All Day.  Each Checkbox fires some javascript which is located in AdvancedForm.js.  I am not very strong in AJAX javascript.  No matter what i try i cannot expose the StartTime or EndTime Control to set its timeview and then call the set_Time function.

The problem lies with this statement.


var StartPicker = $find("<%= StartTime.ClientID %>");    In my function it always returns NULL for the $find command.


The Four functions are below:


function toggleAM(sender, args) {
var StartPicker = $find("<%= StartTime.ClientID %>");
var EndPicker = $find("<%= EndTime.ClientID %>");
var StarttimeView = StartPicker.get_timeView();
var EndtimeView = endPicker.get_timeView();
StarttimeView.setTime(8, 30, 0, 0);
EndtimeView.setTime(12, 0, 0, 0);
 
}
function togglePM(sender, args) {
var StartPicker = $find("<%= StartTime.ClientID %>");
var EndPicker = $find("<%= EndTime.ClientID %>");
var StarttimeView = StartPicker.get_timeView();
var EndtimeView = endPicker.get_timeView();
StarttimeView.setTime(13, 0, 0, 0);
EndtimeView.setTime(17, 0, 0, 0);
 
}
function toggleAH(sender, args) {
var StartPicker = $find("<%= StartTime.ClientID %>");
var EndPicker = $find("<%= EndTime.ClientID %>");
var StarttimeView = StartPicker.get_timeView();
var EndtimeView = endPicker.get_timeView();
StarttimeView.setTime(17, 0, 0, 0);
EndtimeView.setTime(21, 0, 0, 0);
 
}
function toggleAllDay(sender, args) {
var StartPicker = $find("<%= StartTime.ClientID %>");
var EndPicker = $find("<%= EndTime.ClientID %>");
var StarttimeView = StartPicker.get_timeView();
var EndtimeView = endPicker.get_timeView();
StarttimeView.setTime(8, 30, 0, 0);
EndtimeView.setTime(21, 0, 0, 0);
 
}


MY advancedForm.ascx is as follows.


Control Language="VB" AutoEventWireup="true" CodeFile="AdvancedForm.ascx.vb"
Inherits="RadSchedulerAdvancedFormAdvancedForm" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="scheduler" TagName="ResourceControl" Src="ResourceControl.ascx" %>
<link href="TelerikCSS/ComboBox.css" rel="stylesheet" type="text/css" />

*some code not included

<ul class="rsTimePickers">
<li class="rsTimePick">
<label for='<%= StartDate.ClientID %>_dateInput_text'>
<%= Owner.Localization.AdvancedFrom %>:</label><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker"
SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'
MinDate="1900-01-01"><DateInput ID="DateInput2" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false" /></telerik:RadDatePicker>
<telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker"
Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'><DateInput ID="DateInput3" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" "
EnableSingleInputRendering="false" /><TimeView ID="TimeView1" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
EndTime="21:00" Interval="00:30" /></telerik:RadTimePicker>
</li>

<li class="rsTimePick rsEndTimePick">
<label for='<%= EndDate.ClientID %>_dateInput_text'>
<%= Owner.Localization.AdvancedTo%>:</label>

<telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker"
SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'
MinDate="1900-01-01"><DateInput ID="DateInput4" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false" /></telerik:RadDatePicker>
<telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker"
Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>' ErrorMessage="End Time must be after Start Time" ><DateInput ID="DateInput5" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" "
EnableSingleInputRendering="false" /><TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
EndTime="21:00" Interval="00:30" /></telerik:RadTimePicker>
</li>
<li class="rsAllDayWrapper">
<asp:CheckBox runat="server" ID="chkAM" CssClass="rsAdvChkWrap" Checked="false" OnClick="toggleAM()" Text="Morning"/>
<asp:CheckBox runat="server" ID="chkPM" CssClass="rsAdvChkWrap" Checked="false" OnClick="togglePM()" Text="Afternoon" />
<asp:CheckBox runat="server" ID="chkAH" CssClass="rsAdvChkWrap" Checked="false" OnClick="toggleAH()" Text="AfterHours"/>
<asp:CheckBox runat="server" ID="AllDayEvent" CssClass="rsAdvChkWrap" Checked="false" OnClick="toggleAllDay()" Text="AllDay" />
</li>
</ul>
<div>
<asp:CompareValidator ID="crvEndTime" runat="server" ControlToCompare ="StartTime" ControlToValidate ="EndTime" Operator ="GreaterThanEqual" ErrorMessage ="End Time Must be Greater than Start Time" ForeColor="Red">
</asp:CompareValidator><br /><br /></div>
</asp:Panel>

*** some other code omitted


All I want to do is call some javascript that sets the Start time and End Time when a checkbox is clicked.

Any Help?
Janice
Top achievements
Rank 1
 answered on 16 May 2014
1 answer
225 views
I recently updated the Telerik controls on my ASP.NET web app (VS2013) and then got this message on the first compile:

It is an error to use a section registered as allowDefinition='MachineToApplication' beyond application level. This error can be caused by a virtual directory not being configured as an application in IIS.<br>

The problem is that I have my VS solution file (<proj>.suo) in the root directory of the web app. When I upgraded the project to the latest Telerik version, that caused the project backup to be created as a subdirectory in the root. Thus the compilation error above, as now I had two web.config files.

The solution is to move the backup out of the project root.
Petar
Telerik team
 answered on 16 May 2014
1 answer
231 views
I have two Master/Detail RadGrids.
In the Master grid I would like to enable batch editing.

In order to get the Detail grid to update when I click a row in the Master grid, I need to have the EnablePostBackOnRowClick equals true.

But I can only get batch editing working it the EnablePostBackOnRowClick is false.

Am I missing something, or is it not possible to get Master/Detail and batch editing to work together?

Best regards,
Wessel
Viktor Tachev
Telerik team
 answered on 16 May 2014
1 answer
189 views
Hi,

when I upgrade the telerik version from 2012 to 2014 q1, it shows text 'hidden label' in RadSchedulerRecurrenceEditor as shown in image in my project, How can i remove that label?

thanks

Nencho
Telerik team
 answered on 16 May 2014
1 answer
114 views
Hi,

The problem I have is related to the RadGrid pager which is displayed in two lignes. I want to have it on one line. Do you have any suggestions to resolve this problem.
Please see the attached file.
Princy
Top achievements
Rank 2
 answered on 16 May 2014
32 answers
2.4K+ views
To whom it may concern:

Extremely weird, I try to add and remove user controls in an ASP Panel of the content page depending on an Ajax request from the navigation bar. There is no problem to load user controls dynamically in the code. However, when the user selects through the navigation bar, an Ajax request is sent to the content page wrapped in an Ajax panel for updating. At this point the last loaded user control is removed, and the user selected user control is added to the ASP Panel. All good, but JavaScript wrapped inside RadCodeBlock on the latest selected user control is not loaded. One thing worthwhile mentioning is that I load the second user control in the PreRender because AjaxRequest was triggered after the Load event and I need to flag the second control in the AjaxRequest handler for loading. I even try to use RegisterClientScriptBlock to register those JavaScripts in the code behind, but still doesn't work.

William Feng
Tonino
Top achievements
Rank 1
 answered on 16 May 2014
4 answers
253 views
function OnClientFileSelected(sender, args) {
    if ($telerik.isIE) {
        var input = args.get_fileInputField();
        if (sender.isExtensionValid(input.value)) {
            var img = document.createElement("img");
            var thumbnail = document.getElementById("thumbnail");
            thumbnail.appendChild(img);
            if (img) {
                img.style.visibility = "";
                img.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = input.value;

            }
        }
    }
    else {

        var file = args.get_fileInputField().files.item(args.get_rowIndex()); 
        if (!file) {
           showThumbnail(droppedFile);
        }
        else {
            showThumbnail(file);
        }
    }

}



function showThumbnail(file) {


    var image = document.createElement("img");
    var thumbnail = document.getElementById("thumbnail");
    image.file = file;
    thumbnail.appendChild(image);

    var reader = new FileReader()
    reader.onload = (function (aImg) {
        return function (e) {
            aImg.src = e.target.result;
        };
    }(image))
    var ret = reader.readAsDataURL(file);
    var canvas = document.createElement("canvas");

    ctx = canvas.getContext("2d");
    image.onload = function () {
        ctx.drawImage(image, 100, 100);
    }

}

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                        <telerik:RadAsyncUpload ID="UploadImage" runat="server" 
                            
                            onfileuploaded="UploadImage_FileUploaded"   
                            MultipleFileSelection="Disabled"
                            OnClientFileSelected="OnClientFileSelected"
                            OnClientFileUploadRemoved="OnClientFileUploadRemoved"
                            MaxFileInputsCount="1"
                            AllowedFileExtensions="jpg,jpeg,png,gif" MaxFileSize="51200" 
                            ViewStateMode="Enabled">
                        </telerik:RadAsyncUpload>
                 </ContentTemplate>
             </asp:UpdatePanel>
I am using the above code to preview the uploaded image.but it is not working in IE .
This statement is returning null ."var input = args.get_fileInputField();"
Please help me .
Thanks in Advance
Plamen
Telerik team
 answered on 16 May 2014
1 answer
149 views
I have recently tried to change the forms authentication tag on my
web.config and i noticed that all the radmenus now have disappeared, i then
change back the web config and remove the domain attribute and they
work now normal.
Do anyone knows why this happens?


    <authentication mode="Forms">
      <forms name="appname" loginUrl="login.aspx" timeout="480" domain="domain.com" />
    </authentication>
Plamen
Telerik team
 answered on 16 May 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?