Questions on UI for ASP.NET AJAX Forum

2 answers

77 views

Here is my javacript that open radwindow
function RadWindowOpenCourseContinuen(num, cid) {
                var wnd = $find("<%=modalPopup.ClientID %>");
                wnd.setUrl("test.aspx");
                wnd.show();
                return false;
            }
Here is button that open radwindow
<asp:Button ID="btnContinue" runat="server" CssClass="button" TabIndex="37" Text="Click here to continue..."
                                            OnClientClick="RadWindowOpenCourseContinuen(); return false; " />
Here is my code behind part
string strhtmlnew = "javascript:RadWindowOpenCourseContinuen('1','" + Session["CID"] + "');";
btnContinue.Attributes.Add("onclick", strhtmlnew);
Problem is not passed argument simple open test page

General Discussions

answered on 14 Jun 2013

5 answers

232 views

RadDatePicker positioning is different between IE and Mozilla

The following controls position correctly when the DatePopupbutton visible property is true
The labels are directly above the datepicker controls using IE 6 and firefox 3.04
But when I set the visible property to false then the controls are not positioned the same between the two browsers?????

####################################################################################################
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="daterange.ascx.cs" Inherits="UserControls_daterange" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Label ID="Label1" runat="server"
    style="z-index: 1; left: 0px; top: 6px; position:absolute; height: 15px; width: 67px;"
        Text="Start Date" Font-Size="X-Small"></asp:Label>

<telerik:RadDatePicker ID="_Start" runat="server"
    style="z-index: 1; left: 0px; top: 27px; position: absolute; height: 21px; width: 125px">
</telerik:RadDatePicker>

<asp:Label ID="Label2" runat="server"
        style="z-index: 2; left: 0px; top: 57px; position:absolute; height: 15px; width: 67px"
        Text="End Date" Font-Size="X-Small"></asp:Label>

<telerik:RadDatePicker ID="_End" runat="server"
    style="z-index: 1; left: 0px; top: 77px; position: absolute; height: 21px; width: 125px">
</telerik:RadDatePicker>
########################################################################################

After setting DatePopupbutton visible property to false

########################################################################################
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="daterange.ascx.cs" Inherits="UserControls_daterange" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Label ID="Label1" runat="server"
    style="z-index: 1; left: 0px; top: 6px; position:absolute; height: 15px; width: 67px;"
        Text="Start Date" Font-Size="X-Small"></asp:Label>

<telerik:RadDatePicker ID="_Start" runat="server"

    style="z-index: 1; left: 0px; top: 27px; position: absolute; height: 21px; width: 125px"
    Culture="English (United States)">
    <DateInput Height="21px" Width="125px">
    </DateInput>
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"></Calendar>

<DatePopupButton ImageUrl="" HoverImageUrl="" Visible="False"></DatePopupButton>
</telerik:RadDatePicker>

<asp:Label ID="Label2" runat="server"
        style="z-index: 2; left: 0px; top: 57px; position:absolute; height: 15px; width: 67px"
        Text="End Date" Font-Size="X-Small"></asp:Label>

<telerik:RadDatePicker ID="_End" runat="server"

    style="z-index: 1; left: 0px; top: 77px; position: absolute; height: 21px; width: 125px"
    Culture="English (United States)">
    <DateInput Height="21px" Width="125px">
    </DateInput>
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"></Calendar>

<DatePopupButton ImageUrl="" HoverImageUrl="" Visible="False"></DatePopupButton>
</telerik:RadDatePicker>
########################################################################################

Calendar

answered on 14 Jun 2013

2 answers

74 views

[Solved] Can we disable the filter or force the suggestion of elements in javascript ?

Hello,
I wanted to know if it is possible to force the suggestion research elements with javascript code without depending on the filter?
I looked to see if it is possible to disable the filter method as:
[ Filter ="none" ] , but it is impossible.. only Filter="Contain" or Filter="StartWith".
I was wondering if you know a javascript function that could allow to force the display of the popup ? Or disable the filter.To see all the proposed elements when the user takes the focus of the field.
Thanks a lot..

AutoCompleteBox

answered on 14 Jun 2013

0 answers

87 views

RadFileUpload Problem with File Dialog Window

Hello,

The Telerik Team,

There is a problem with RadFileUpload Control select Button. When we click Select Button of RadFileUpload Control, the Select Button is not responding and not opening File Dialog Window for browsing/selecting the file. This issue is happening in IE 8.

I have done research on the above but could not find any solution. My client is complaining about this.

Could you please provide the needful help.

Regards
Sunil

Upload (Obsolete)

asked on 14 Jun 2013

13 answers

165 views

Text Alignment is not woking in IE9

In edit mode of telerik text editor text alignment is working but after publish and re edit it not working.

WebParts for SharePoint

answered on 14 Jun 2013

1 answer

513 views

Passing values from RadWindow to Parent Page

hi,
I have a rad window which opens on button click. It has many text boxes.
I want to pass text boxes value to its parent page.
I wrote this code in popup

function returnToParent()
{

var oArg = new Object();
oArg.txtRateType=document .getElementById ("txtRateType").value;


oArg.txtLabourWeekdayTotal=document .getElementById ("txtLabourWeekdayTotal").value;
oArg.txtLabourSaturdayTotal=document .getElementById ("txtLabourSaturdayTotal").value;
  var oWnd = GetRadWindow();
oWnd.close(oArg);
}
I m calling this funtion on submit button of this form.

Then on parent page,i have defined

<telerik:RadWindowManager ID="RadWindowManagerServiceReportDetails" runat="server" OnClientPageLoad="OnClientPageLoad" Font-Names="Arial, Helvetica, sans-serif">
<Windows >
<telerik:RadWindow ID="UserListDialogInvoiceWorksheet" runat="server" Height="740px"
Width="910px" ReloadOnShow="true" ShowContentDuringLoad="false" OnClientClose="OnClientCloseInvoicePopup"
Modal="true" KeepInScreenBounds="true" Behaviors="Close,Move" Font-Names="Arial, Helvetica, sans-serif" Font-Size="11 px" />
</Windows>
</telerik:RadWindowManager>

so when radwindow closes,this function gets called

function OnClientCloseInvoicePopup(oWnd, args)
{

var arg = args.get_argument();

if (arg)
{
var  textBox = $find("<%=txtExitReportInvStandardDays.ClientID %>");
textBox.set_value(arg.txtLabourWeekdayTotal);

var  textBox1 = $find("<%=txtExitReportInvPremiumDays.ClientID %>");
textBox1.set_value(arg.txtLabourSaturdayTotal));

}
}

but when if textbox is equal to null. and an error occurs 'null is null or not an object'.

please help me this problme.

General Discussions

answered on 14 Jun 2013

2 answers

427 views

How to clear the selected row in a gird?

Hi,

I created a gird which includes MasterGrid and Child Grid, However, I cannot clear the selected row after copy, move some row.

Could someone help me I really appreciate it.

Thank you.

Grid

answered on 14 Jun 2013

2 answers

146 views

RadScheduler OnClientAppointmentDoubleClick get_appointment() returns null

Please advise what is wrong with the below code since get_appointment returns null when going thru OnClientAppointmentDoubleClick(sender, eventArgs)

ASP.NET version: 4.0

OS: XP

browser version: Google Chrome 27.0.1453.110 m

Telerik product v. 2010.3.1215.40



Thanks!

Antonio



<

telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function OnClientAppointmentDoubleClick(sender, eventArgs) {

var apt = eventArgs.get_appointment();

alert("You clicked on an appointment: " + apt);

</script>

</telerik:RadCodeBlock>

<telerik:RadScheduler ID="RadScheduler1" runat="server" Height="600px"

DataEndField="ReviewEnd" DataKeyField="AgendaID" DataSourceID="SqlDataSource5"

DataStartField="ReviewStart" DataSubjectField="Subject"

DayEndTime="00:00:00" SelectedView="MonthView"

DataDescriptionField="Description" EnableDescriptionField="True"

meta:resourcekey="RadScheduler1Resource1"

onprerender="RadScheduler1_PreRender"

onclientappointmentdoubleclick="OnClientAppointmentDoubleClick">

<Localization AdvancedAllDayEvent="Dia Completo"

AdvancedCalendarCancel="Cancelar" AdvancedCalendarToday="Hoy"

AdvancedClose="Cerrar" AdvancedDaily="Diario" AdvancedDay="Día"

AdvancedDays="día(s)" AdvancedDescription="Descripción" AdvancedDone="Hecho"

AdvancedEditAppointment="Editar cita" AdvancedEndAfter="Finalizar despues"

AdvancedEndByThisDate="Finalizar por" AdvancedEvery="Cada"

AdvancedFirst="primero" AdvancedFourth="cuarto"

Show24Hours="Mostrar 24 horas..."

ShowBusinessHours="Mostrar horario negocio..." ShowMore="más..."

AdvancedYearly="Anual" AllDay="día" ContextMenuAddAppointment="Nueva cita"

ContextMenuAddRecurringAppointment="Nueva cita recurrente"

ContextMenuDelete="Borrar" ContextMenuEdit="Editar"

ContextMenuGoToToday="Ir hoy" HeaderDay="Día" HeaderMonth="Mes"

HeaderMultiDay="Multi-día" HeaderNextDay="día sig" HeaderPrevDay="día ant"

HeaderTimeline="Cronología" HeaderToday="hoy" HeaderWeek="Semana"

ReminderHour="hora" ReminderHours="horas" ReminderMinute="minuto"

ReminderMinutes="minutos" ReminderNone="Ninguno" Reminders="Recordatorios"

ReminderSnooze="Postergar"

ReminderSnoozeHint="Clic Postergar para recordar de nuevo en:"

ReminderWeek="semana" ReminderWeeks="semanas" Save="Guardar"

ShowAdvancedForm="Opciones" />

</telerik:RadScheduler>

<asp:SqlDataSource ID="SqlDataSource5" runat="server"

ConnectionString="<%$ ConnectionStrings:serpoldbConnectionString %>"

SelectCommand="spAgendaSelect" SelectCommandType="StoredProcedure"

CancelSelectOnNullParameter="False" onselected="SqlDataSource5_Selected">

<SelectParameters>

<asp:ControlParameter ControlID="RadComboBox3" DbType="Guid" Name="UserId"

PropertyName="SelectedValue" />

<asp:Parameter Name="StartDate" DbType="Date" />

<asp:Parameter Name="EndDate" DbType="Date" />

<asp:Parameter Name="StatusID" Type="Int32" />

<asp:ControlParameter ControlID="RadComboBox1" Name="IssueTypeID"

PropertyName="SelectedValue" Type="Int32" />

<asp:ControlParameter ControlID="RadComboBox2" Name="ProjectID"

PropertyName="SelectedValue" Type="Int32" />

<asp:ControlParameter ControlID="RadComboBox4" Type="Int32" Name="PriorityID"

PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

Ajax

answered on 13 Jun 2013

7 answers

226 views

Ajax is not working with tabstrip callback

I used an example found elsewhere on the Telerik forums to dynamically load user controls into a panel with a tabstrip control managing which control is loaded.

The original source gave two simple examples:
Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>Dynamically loaded user controls on tab click and a postback from a user control</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager id="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<rad:RadTabStrip ID="RadTabStrip1" runat="server" OnTabClick="RadTabStrip1_TabClick" AutoPostBack="True">

<Tabs>

<rad:Tab runat="server" Text="Simple control" Value="0">

</rad:Tab>

<rad:Tab runat="server" Text="Timer Control" Value="1">

</rad:Tab>

</Tabs>

</rad:RadTabStrip>

<telerik:radajaxmanager id="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1"></telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="Panel1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:radajaxmanager>

<asp:Panel ID="Panel1" runat="server" Height="438px" Width="1192px">

</asp:Panel>

</div>

</form>

</body>

</html>

TimerControl.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TimerControl.ascx.cs" Inherits="TimerControl" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Timer ID="Timer1" runat="server" Interval="2000" OnTick="Timer1_Tick">

</asp:Timer>

<asp:Label ID="Label1" runat="server" Text="Timer is ticking <br/>Ticks: "></asp:Label>

<asp:Label ID="Label2" runat="server" Text="0"></asp:Label>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Timer1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Label2" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy

and finally
SimpleControl.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SimpleControl.ascx.cs" Inherits="SimpleControl" %>

<asp:Label ID="Label1" runat="server" Text="Just a user control. Take a look at the other one."></asp:Label>

In the codebehind, the loaded control is determined from the viewstate, and I have successfully incorporated my controls in place of the two examples provided above. However, the entire page is being updated on postback.

In default.aspx I have set the ajax manager to update the tabstrip and panel and in my controls, I have set the ajax proxy to update only the controls that need to be updated, but it does not work correctly, still updating the entire page on each postback.

On another note, when I set OnTabClick to my click handler, I get a compile error indicating that the function is not part of the class. Removing it does not create a problem with the event firing, but I mention it because it may be the reason the entire page is updated.

Ajax

answered on 13 Jun 2013

4 answers

183 views

Override RadCalendarPopup CSS

I developed a web application that uses RadWindows to display many forms, but because of client resolution problems and the required size of the RadWindow, I needed to create optional pages for some of them. This leads me to my problem.

When the page is viewed in a RadWindow, I have a RadTimePicker that I have overridden the location using the RadCalendarPopup class.

.RadCalendarPopup {

left: 50%;

margin-left: -32px;

position: absolute;

top: 0px;

}

Now, the page will be rendered in a browser window on some occasions, therefore, I need to adjust the top location only when the page is viewed in a browser because a navigation menu is included in the top 50px. Thus, I need to change top to 50px;

One solution I have considered is to have two separate CSS files and simply load them as needed in the code-behind, but it seems overkill to duplicate alot of CSS code just for one rule.

I would use javascript client-side, but I have found that getting the correct wrapper div is quite unreliable.

I will entertain any suggestions.

Calendar

answered on 13 Jun 2013