Questions on UI for ASP.NET AJAX Forum

1 answer

180 views

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

78 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

86 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

109 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

152 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

211 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

2 answers

84 views

Client side, grab value of 2 sliders using javascript

http://demos.telerik.com/aspnet-ajax/slider/examples/rangeslider/defaultcs.aspx

SelectionStart: $0
SelectionEnd: $300

I am trying to do something like the example on the link does. Use a range slider and update the selectionstart and selectionend. without doing a postback.
How can I do this? I have tried using :

This does not work since get_oldValue() brings back the old value regardless of whether left or right handle is dragged.

function HandlePassengerValueChanged(sender, eventArgs) {
                     var myval = sender._selectionEnd;
                     if (eventArgs.get_oldValue() == $('#<%= lblPassengerNoStart.ClientID %>').html()) {
                         $('#<%= lblPassengerNoStart.ClientID %>').html(myval);
                     }
                     else {
                         $('#<%= lblPassengerNoEnd.ClientID %>').html(myval);
                     }
                 }

tried:
1. var activeHandle = sender.get_activeHandle();
2. sender._valueOnSlideStart
3. var myval = sender.get_value();
.
.
. and lot mor options without any luck.

I have spent hours on this now. Please help.

Regards
Anup

Slider

answered on 15 Feb 2011

3 answers

57 views

Toolbar Dropdownlist of RadEdiotr refresh and reset other dropdownlist value

Hi
1. select a font name from Arial to Verdana
2. select font size to 10px to 12px
3. font name reset to Arial.

my css file for radeditor:

body
{
   font-family: Arial;
   font-size: 10px;
}

P
{
   margin:0px;
}

Is there a way not to cause the reset? same to 'Paragraph Style' tool

thank you
Charles

Editor

answered on 15 Feb 2011

3 answers

220 views

want to change order displaying context menu items in the file explorer

Hi

i am using File Explorer control. i want to change the order of default functional menu items (Open,Delete,Rename) and as well as add new custom menu item to Context Menus. i want to do this for Treeview,Grid Context Menus in the File Explorer Control.

Whether it is possible. and send me sample Code.

Thanks

Thanks

FileExplorer