Questions on UI for ASP.NET AJAX Forum

1 answer

53 views

hi team,

i want to increase the header size in month view where (sun,mon,etc) are displayed.. how to implement it??

thanks in advance..

Scheduler

answered on 15 Feb 2011

3 answers

156 views

Tree View events not firing after explorer refresh

Hi,
I have some events attached on the tree view using the following code.

    
             function OnClientLoad(explorer, args) { 
        
                    var tree = explorer.get_tree(); 
        
                    tree.add_nodeEditing(OnClientTreeNodeEditing); 
        
                    tree.add_contextMenuShowing(TreeContextMenuShowing); 
        
                }

initially those event handlers are being called but after refreshing the explorer using fileExp.refresh(); or using toolbar refresh icon those events are not being called. I have tried to reattached those event after explorer refresh but it didn't solve the problem.
thanks
Arpan

FileExplorer

answered on 15 Feb 2011

1 answer

175 views

Calendar DayRender event fires but doesn't update RadDateTimePicker

I use the following code for creating RadDateTimePicker control.

<telerik:RadDateTimePicker runat="server" ID="dtDate">

<DateInput runat="server" ID="dtDateInput" DisplayDateFormat="MM/dd/yyyy hh:mm tt">

</DateInput></telerik:RadDateTimePicker>

Within Page_Load event, I use DayRender event of Calendar object of RadDateTimePicker control.

dtDate.Calendar.DayRender += new global::Telerik.Web.UI.Calendar.DayRenderEventHandler(Calendar_DayRender);

The following event run successfully, but doesn't update control, means days that match condition still enabled.

void Calendar_DayRender(object sender, global::Telerik.Web.UI.Calendar.DayRenderEventArgs e)

{

DateTime dtCurrentDate = e.Day.Date;

if (dtCurrentDate.Month == 2)

{

e.Cell.CssClass = "rcOutOfRange";

e.Day.IsDisabled = true;

}

Any ideas how to resolve that issue?

Calendar

answered on 15 Feb 2011

8 answers

157 views

Launch RadWindow with key values from DetailTableView Add Record

Hello all.

I have a two tier RadGrid. Farmers -> Farms. When clicking Add New Farm, I need it to run some javascript which will get the parent record's key (FarmerId) and call the LaunchPopup function with parameters. I've been searching all morning and can't find anything to help.

The grid:

<telerik:RadGrid ID="grdRadGrid" AutoGenerateColumns="False" ItemStyle-VerticalAlign="Top"

AllowSorting="true" AllowAutomaticUpdates="false"

OnNeedDataSource="grdRadGrid_NeedDataSource"

OnDetailTableDataBind="grdRadGrid_DetailDataBind"

OnItemCreated="grdRadGrid_ItemCreated"

ClientSettings-ClientEvents-OnCommand="OnCommand"

runat="server">

<ClientSettings>

<Resizing AllowColumnResize="True" ClipCellContentOnResize="True" />

</ClientSettings>

<MasterTableView Name="grdFarmer"

DataKeyNames="FarmerId" EditMode="InPlace"

CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Add New Farmer"

NoMasterRecordsText="No Farmers to display."

NoDetailRecordsText="No Farms to display."

ItemStyle-VerticalAlign="Top">

<RowIndicatorColumn Visible="True" />

<ExpandCollapseColumn Visible="True" />

<%--Edit/Update Cancel buttons--%>

<telerik:GridTemplateColumn HeaderStyle-Width="140px">

<ItemTemplate>

<asp:Button ID="btnFarmerEdit" CommandName="Edit" CommandArgument="Farmer" Text="Edit" runat="server" CssClass="gridbutton"/>

</ItemTemplate>

<EditItemTemplate>

<asp:Button ID="btnFarmerUpdate" CommandName="Update" CommandArgument="Farmer" CssClass="gridbutton"

Text="Save" runat="server" CausesValidation="true"/>

<asp:Button ID="btnFarmerCancel" CommandName="Cancel" CssClass="gridbutton"

Text="Cancel" runat="server" CausesValidation="false"/>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="FarmerId" HeaderStyle-Width="50px"

DataType="System.Int32" HeaderText="Id"

SortExpression="FarmerId" UniqueName="FarmerId" />

</Columns>

<DetailTables>

<telerik:GridTableView Name="grdFarms" DataKeyNames="FarmerId,FarmId"

CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Add New Farm"

NoDetailRecordsText="No Farms to display." AllowSorting="true" BorderWidth="5px" GridLines="None">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="FarmerId" MasterKeyField="FarmerId" />

</ParentTableRelation>

<RowIndicatorColumn Visible="True" />

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn HeaderStyle-Width="100px">

<ItemTemplate>

<telerik:RadButton ID="btnFarmEdit" CssClass="gridbutton" Text="Select" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="FarmId" HeaderStyle-Width="50px"

DataType="System.Int32" HeaderText="Id" SortExpression="FarmId" UniqueName="FarmId" />

<telerik:GridBoundColumn DataField="FarmName" HeaderStyle-Width="225px"

HeaderText="Farm Name" SortExpression="FarmName" UniqueName="FarmName" />

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

And what javascript I've got running so far:

function OnCommand(sender, args) {

if (args.get_commandName() == "InitInsert" && args.get_tableView().get_name() == "grdFarms") {

//Need code here to get relevant grdFarmer's FarmerId from DataKeyValues and launch popup

var _farmerId = 1; //Hardcoded for now, this is the value I need to get

//Popup code:

LaunchPopup_Farm(_farmerId, '-1'); //-1 signals a new record on the popup form

}

function LaunchPopup_Farm(farmerId, farmId) {

window.radopen("popupFarm.aspx?FarmerId=" + farmerId + "&FarmId=" + farmId, "popupFarm");

return false;

}

How do I get the parent record's FarmerId?

TIA

kitster

Grid

answered on 15 Feb 2011

1 answer

190 views

ProgressBar @ center

i have donr coding for progressbar on login page , is showing but progress bar is coming on the top of the paage... i want that @ center of the page.
2nd is...if login is wrong then on click of login button ...all controls of the page get disabled.

can any1 help me wit this

My code is as below.

<style type="text/css">

.module1

{

background-color: #dff3ff;

border: 1px solid #c6e1f2;

}

.loading

{

background-color: #fff;

height: 100%;

width: 100%;

background-position:center;

}

.rspPaneTabText

{

font-size: large !important;

}

</style>

<body style="margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;"

onload="javascript:LoadScript();">

<form id="frmmain" runat="server" defaultbutton="btnLogin">

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

</asp:ScriptManager>

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

<script type="text/javascript">

function RequestStart(sender, eventArgs) {

var loadingImage = document.getElementById('<%= RadAjaxPanel.FindControl("imgPanel").ClientID %>');

var loadingPanel = $get("<%= RadAjaxPanel.ClientID %>");

loadingPanel.style.backgroundPosition = "bottom";

var panel1 = $get("<%= PanelPrg.ClientID %>");

loadingImage.style.position = "relative";

loadingImage.style.top = (parseInt(panel1.style.height) / 2) + "px";

}

function MyClientShowing(sender, args) {

args.get_loadingElement().style.border = "2px solid red";

args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).show("slow");

}

function MyClientHiding(sender, args) {

args.get_loadingElement().style.border = "2px solid blue";

args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).hide("slow");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="PanelPrg">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="PanelPrg" LoadingPanelID="RadAjaxPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="RequestStart" />

</telerik:RadAjaxManager>

<asp:Panel ID="PanelPrg" runat="server" HorizontalAlign="Center">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="height: 74px; background-image: url('images/extra bar1.jpg'); background-repeat: repeat;">

<asp:ImageButton ID="ibtnIPOLogo" runat="server" ImageUrl="~/images/banner_track.jpg" />

</td>

</tr>

<tr>

<td>

<asp:HiddenField ID="hdnCompId" runat="server" />

</td>

</tr>

</table>

<asp:UpdatePanel ID="upPnl" runat="server">

<ContentTemplate>

<table width="100%">

<tr id="trBrowser" runat="server" style="display: none;" align="center">

<td style="text-align: center">

<asp:Label ID="lblbrowser" Style="color: Red" Font-Size="Medium" CssClass="Label-Normal"

Text="Please open link with (Internet Explorer) IE" runat="server"></asp:Label>

</td>

</tr>

<tr id="trLogin" runat="server" style="display: none;">

<td>

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="padding-top: 0px;

padding-left: 0px;">

<tr>

<td valign="center" align="center">

<asp:Panel ID="pnlloginDesign" runat="server" Width="350px" Visible="true">

<table id="tblVerticleDesign" cellspacing="0" cellpadding="0" width="100%" border="0">

<tr>

<td valign="top" style="padding-top: 2px; padding-bottom: 2px;" width="100%" class="VCHeading"

align="center">

<asp:Label ID="lnkControlTitle" runat="server" Text="USER LOGIN" CssClass="headingText"></asp:Label>

</td>

<td width="100%" class="VCSubHeading">

</td>

</tr>

<tr>

<td colspan="2" height="2px;" width="100%" class="VCNotesBottomLine">

</td>

</tr>

</table>

<table cellspacing="0" class="ControlBorder" cellpadding="5" border="0" summary="SignIn Design Table"

width="100%">

<tr>

<td colspan="2" style="text-align: center">

<asp:Label ID="lblError" Style="color: Red" CssClass="Normal" Visible="false" runat="server"></asp:Label>

<%-- <asp:ValidationSummary ID="valsErrors" runat="server"

ShowMessageBox="false"/>--%>

</td>

</tr>

<tr>

<td class="Normal" valign="middle" align="right">

<asp:Label ID="lblUsername" runat="server" CssClass="Normal"></asp:Label>

</td>

<td valign="middle" align="left">

<input type="text" runat="server" onfocus="javascript:ClearUsername(this);" value="Username"

onfocusout="javascript:SetUsername(this);" id="txtUserName" class="NormalGreyTextBox"

style="width: 90px;" />

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:RequiredFieldValidator ID="valUserName" runat="server" ControlToValidate="txtUserName"

Display="Dynamic" ErrorMessage="UserName should not be blank." ValidationGroup="GrgUserVal"

InitialValue="Username" Style="width: 100%; font-family: Arial; font-size: 12px;"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td valign="middle" align="right">

<asp:Label ID="lblPassword" runat="server" CssClass="Normal"></asp:Label>

</td>

<td valign="middle" align="left">

<input id="txtPassword" type="password" runat="server" class="NormalGreyTextBox"

style="width: 90px;" />

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:RequiredFieldValidator ID="valPassword" runat="server" ControlToValidate="txtPassword"

Display="Dynamic" ErrorMessage="Password should not be blank." ValidationGroup="GrgUserVal"

Style="width: 100%; font-family: Arial; font-size: 12px;"></asp:RequiredFieldValidator>

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:CheckBox ID="chkCookie" ToolTip="Remember Me On This Computer" CssClass="Normal"

resourcekey="Remember" runat="server" />

</td>

</tr>

<tr align="center">

<td style="padding-top: 3px;" colspan="2">

<asp:Button ID="btnLogin" runat="server" CssClass="button" OnClick="btnLogin_Click"

CausesValidation="true" ValidationGroup="GrgUserVal" />

<asp:Button ID="btnCancel" runat="server" CssClass="button" CausesValidation="False" />

</td>

</tr>

<tr align="center">

<td valign="middle" colspan="2">

<asp:HyperLink ID="lnkForgotPwd" CssClass="Normal" runat="server"></asp:HyperLink>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

</table>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Panel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxPanel" runat="server" Skin="" Transparency="30" >

<div class="loading">

<asp:Image ID="imgPanel" runat="server" ImageUrl="~/images/Imgloading.gif" AlternateText="loading" />

</div>

</telerik:RadAjaxLoadingPanel>

</form>

</body>

Ajax

answered on 15 Feb 2011

0 answers

85 views

Display each TimeSlot time on dragover

Hi,
I want to track the slot starttime on dragover and display in a textbox.
eg: if u drag the appointment over the slot 10am
then in the textbox it should display 10am and so on............

Scheduler

asked on 15 Feb 2011

1 answer

93 views

Client side defaulting values between controls in a Grid Row

Bit of a curler, this one.

Rad Grid, single level, multiple rows. Each row contains a number of RadDatePickers. When the value from a specific DatePicker is entered, I want to be able to set the value of one of the other DatePickers within that row using javascript/jquery.

Code sample:

<telerik:RadGrid ID="grdBlocks" AutoGenerateColumns="False" AllowMultiRowEdit="true" runat="server">

<MasterTableView EditMode="InPlace">

<RowIndicatorColumn Visible="True" />

<Columns>

<telerik:GridTemplateColumn HeaderText="Start Date" UniqueName="StartDate" HeaderStyle-Width="130px">

<EditItemTemplate>

<telerik:RadDatePicker ID="BlockStartDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv3" ControlToValidate="BlockStartDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Start Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="End Date" UniqueName="EndDate" HeaderStyle-Width="130px">

<EditItemTemplate>

<telerik:RadDatePicker ID="BlockEndDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv4" ControlToValidate="BlockEndDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">End Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Footprint Monitoring Start Date" UniqueName="FootprintMonitoringStartDate" HeaderStyle-Width="150px">

<EditItemTemplate>

<telerik:RadDatePicker ID="FootprintMonitoringStartDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv31" ControlToValidate="FootprintMonitoringStartDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Footprint Monitoring Start Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Footprint Monitoring End Date" UniqueName="FootprintMonitoringEndDate" HeaderStyle-Width="150px">

<EditItemTemplate>

<telerik:RadDatePicker ID="FootprintMonitoringEndDate" Width="120px" runat="server" />

<asp:RequiredFieldValidator ID="rfv41" ControlToValidate="FootprintMonitoringEndDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Footprint Monitoring End Date is required</asp:RequiredFieldValidator>

</EditItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

The DatePicker pairings are StartDate - FootprintMonitoringStartDate, and EndDate - FootprintMonitoringEndDate.

If this wasn't in a grid, then I don't think I'd have a problem. But I'm not too sure how to identify the target DatePicker control in order to set_selectedDate.

Any ideas?

kitster

Grid

answered on 15 Feb 2011

1 answer

116 views

Setting calender special days on client side!

Is there any way to set calendar special days on client side?

Calendar

answered on 15 Feb 2011

1 answer

162 views

IgnorePaging not work

Hi, a have a problem with IgnorePaging="true" is not exporting all the pages to excel.
This is my code

<telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Elementos Georeferenciados" Width="600px" EnableDock="false">

<telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" ClientEvents-OnRequestStart="pnlRequestStarted">

<telerik:RadGrid ID="gridTematico" runat="server" AllowSorting="True" GridLines="None" Skin="Office2007" AllowFilteringByColumn="True" AllowPaging="True" PageSize="50" OnItemDataBound="gridTematico_ItemDataBound" OnColumnCreated="gridTematico_ColumnCreated" OnCancelCommand="gridTematico_CancelCommand" OnEditCommand="gridTematico_EditCommand" OnSelectedIndexChanged="gridTematico_SelectedIndexChanged" OnUpdateCommand="gridTematico_UpdateCommand">

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

<MasterTableView CommandItemDisplay="Bottom" ShowFooter="True" ShowGroupFooter="True" UseAllDataFields="True">

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="Nº" AllowFiltering="False" FilterControlAltText="Filter TemplateColumn column">

<ItemTemplate>

<asp:Label ID="fila" runat="server" Width="30px" />

</ItemTemplate>

<HeaderStyle Width="30px" Font-Size="X-Small" Font-Bold="True" />

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" FilterControlAltText="Filter EditCommandColumn column"></telerik:GridEditCommandColumn>

</Columns>

<CommandItemSettings RefreshText="Actualizar" ShowAddNewRecordButton="False" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<EditFormSettings>

<EditColumn ButtonType="ImageButton" FilterControlAltText="Filter EditCommandColumn column" UniqueName="EditCommandColumn1"></EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings EnablePostBackOnRowClick="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<ExportSettings ExportOnlyData="True" FileName="ElementosGeoreferenciados" IgnorePaging="True" OpenInNewWindow="True">

<Csv ColumnDelimiter="Semicolon" />

</ExportSettings>

</telerik:RadGrid>

<table>

<tr>

<td style="width: 32px;">

<asp:ImageButton ID="btnExcel" runat="server" ImageUrl="~/images/iconos/File_Excel.png" ToolTip="Exportar a Excel" Visible="False" OnClick="btnExcel_Click" Width="32px" Height="32px" />

</td>

<td style="width: 32px;">

<asp:ImageButton ID="btnCsv" runat="server" ImageUrl="~/images/iconos/File_Csv.png" ToolTip="Exportar a csv" Visible="False" OnClick="btnCsv_Click" Width="32px" Height="32px" />

</td>

<td style="width: 32px;">

<asp:ImageButton ID="btnWord" runat="server" ImageUrl="~/images/iconos/File_Word.png" ToolTip="Exportar a Word" Visible="False" OnClick="btnWord_Click" Width="32px" Height="32px" />

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

</telerik:RadSlidingPane

>




<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
 <script type="text/javascript">
  function pnlRequestStarted(ajaxPanel, eventArgs)
  {
   if((eventArgs.EventTarget.indexOf("btnExcel")!=-1)||(eventArgs.EventTarget.indexOf("btnCsv")!=-1)||(eventArgs.EventTarget.indexOf("btnWord")!=-1))
    eventArgs.EnableAjax = false;
  }
 </script>
</telerik:RadScriptBlock>

protected void btnExcel_Click(object sender, ImageClickEventArgs e)

{

gridTematico.ExportSettings.IgnorePaging = true;

gridTematico.ExportSettings.ExportOnlyData = true;

gridTematico.ExportSettings.OpenInNewWindow = true;

gridTematico.MasterTableView.ExportToExcel();

}

Grid

answered on 15 Feb 2011

3 answers

220 views

Adding RadUpload through code behind

Tried to add radupload control to the page programmatically, the result was an error "... Controls collections cannot be modified because the control contains code blocks..." Further down in the yellow screen of death was a suggestion that adding a RadCodeBlock may resolve the issue. So... added a RadCodeBlock, added the upload control to the codeblock and add the codeblock to the page.

Same error.

A snippet of the code:

                var radCodeBlock = new RadCodeBlock();
                radCodeBlock.ID = "Block1";
                var radUpload = new RadUpload();
                radUpload.ID = "upload_" + szDbColumn;
                radUpload.MaxFileInputsCount = 1;
                radUpload.ControlObjectsVisibility = ControlObjectsVisibility.None;
                radCodeBlock.Controls.Add(radUpload);
                oControl.Controls.Add(radCodeBlock);

Upload (Obsolete)

answered on 15 Feb 2011