Questions on UI for ASP.NET AJAX Forum

1 answer

101 views

[Solved] Adding mask to Radmasked Textbox

Hello ,

I would like to know whether it is possible to add different mask to a Radmasked textbox based on culture? I want to add phone number which will be having different number of digits for different country. Please help, its very urgent.

Thank you,
Damian.

Input

answered on 08 Mar 2013

1 answer

119 views

[Solved] Grid With Check box

Hello sir/madam,

I m using checkbox inside the rad grid and when i checked check boxes and click on button(named Add Selected Items) outside the grid than i want to get check boxes checked either true or false but i always got false value wheather i checked and not so please tell me how to get the check boxes true property when i checked and false when its not checked you can see my screen shot that i have attached and currently i m using below code:

1.) ( for (int i = 0; i < Grid_PurchaseOrder_Lines_0.MasterTableView.Items.Count; i++)
       {
     bool isChecked = ((CheckBox)Grid_PurchaseOrder_Lines_0.MasterTableView.Items[i].FindControl("chkcmpny")).Checked;}

2.)     ( foreach (GridDataItem item in Grid_PurchaseOrder_Lines_0.MasterTableView.Items)
     {
            CheckBox chkBoolean = (CheckBox)item["TemplateColumn1"].FindControl("chkcmpny");
            // access your checkbox here

            if (chkBoolean.Checked==true)
            {

            }
        }

I have used both methods but getting same problem. so please tell me asap.

thanks in advance........

Grid

answered on 08 Mar 2013

1 answer

113 views

[Solved] Click event not firing.

Hello All,

There are few tooltipified controls in my web page and the click events are not firing at all. I have set the ShowEvent to OnClick and dont know what is missing. How to resolve this issue?

Thank you,
Anly.

ToolTip

answered on 08 Mar 2013

1 answer

164 views

[Solved] Tooltip display

Hello All,

I dont want my tooltip to hide after a particulat time duration. Is it possible to display the tooltip as it is till another tooltip is displayed?

Thank you,
Anly.

ToolTip

answered on 08 Mar 2013

1 answer

141 views

programmatically set user control while editing radgrid

Hi,
I have two user controls - userCtrlA & userCtrlB for radgrid . While editing I want to conditionally load either of these two forms. Is it possible? If so how? Attached image explain the senario indetail.

Regards
Madhu

Grid

answered on 08 Mar 2013

1 answer

84 views

[Solved] Styling appointment based on resource type.

Hi,

I have a RadScheduler in my project and I want to style the appointment based on the resource type. I got three companies apointment in my RadScheduler and based on these company names, I want the appointments to be displayed with different styles from CS. Please help.

Thanks in advance,
Antony.

Scheduler

answered on 08 Mar 2013

4 answers

231 views

Freeze Time Header Row

I have a scheduler that is configured to use timeline view.
<TimelineView UserSelectable="true" GroupBy="Driver" GroupingDirection="Vertical" ShowInsertArea="false" />

Is it possible to freeze the timeline header row? I would like to be able to see the timeline when scrolling through a long list of resources.

Could someone please let me know if this is possible?

Thank you.

Scheduler

answered on 08 Mar 2013

3 answers

190 views

Hiding the Filter at Page Load

Hi!

This may be obvious but I am missing it. I created a button in the CommandItemTemplate to toggle the filter. It is in javascript and works fine. However, I would prefer to display the grid with the filter hidden from the start. Is there a property in the aspx definition or in the code behind that can set that?

Using CSS seems to hide it permantly:

.radGrid .rgFilterRow

{

display: none !important;

}

Thanks for your help!
Michael

Grid

answered on 07 Mar 2013

6 answers

240 views

Grid demo broken

I get the following error when trying to view the Grid demo:

The database 'C:\PROGRAM FILES (X86)\TELERIK\RADCONTROLS FOR ASP.NETAJAX Q3 2012\LIVE DEMOS\APP_DATA\NORTHWIND.MDF' cannot be opened because it is version 655. This server supports version 612 and earlier. A downgrade path is not supported.
Could not open new database 'C:\PROGRAM FILES (X86)\TELERIK\RADCONTROLS FOR ASP.NETAJAX Q3 2012\LIVE DEMOS\APP_DATA\NORTHWIND.MDF'. CREATE DATABASE is aborted.
An attempt to attach an auto-named database for file C:\Program Files (x86)\Telerik\RadControls forASP.NET AJAX Q3 2012\Live Demos\App_Data\Northwind.mdf failed. A database with the same name exists, or specified file cannot be opened, or it is located on UNC share.

Please advise

Ajax

answered on 07 Mar 2013

4 answers

170 views

[Solved] Adding Ajax causes FormTemplate to be inaccessible to jQuery

I have a RadGrid with an Edit Form Template. Inside the template I have a RadioButtonList that has javascript attached that will hide or show elements within the form template depending on what is selected. It have it working as I expected; however, when I add a RadAjaxManager to the page, then the javascript stops working, as it no longer seems to be able to find the inner elements of the form template. Everything else on the grid seems to work with the ajax though.

The RadGrid markup is here:

<telerik:RadGrid ID="grdWorkflow" Skin="Outlook" AutoGenerateColumns="False" GridLines="None" Width="890px"

OnNeedDataSource="grdWorkflow_NeedDataSource" OnItemDataBound="grdWorkflow_ItemDataBound"

OnItemCommand="grdWorkflow_ItemCommand" OnRowDrop="grdWorkflow_RowDrop" runat="server">

<ClientSettings AllowColumnsReorder="false" EnableRowHoverStyle="true" Selecting-AllowRowSelect="false">

</ClientSettings>

<MasterTableView Caption="List of workflows" EditMode="EditForms" CommandItemDisplay="Top"

Summary="Add Step/Step Maintenance" CommandItemSettings-AddNewRecordText="Add New Step" CommandItemSettings-RefreshText="Refresh Workflow">

<NoRecordsTemplate>

<div class="bold">

No workflows to display. Please select the link above to add a new workflow step.

</div>

</NoRecordsTemplate>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Workflow" FieldName="WorkflowName" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="ArtificialSortingField" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn UniqueName="WorkflowID" DataField="WorkflowID" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="WorkflowName" DataField="WorkflowName" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="StepID" DataField="StepID" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="StepType" DataField="StepType" Display="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="StepTypeIcon" HeaderText="Type" ItemStyle-Width="30px"

HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:Image ID="btnEdit" ImageUrl="<%# GetFileTypeIcon(((NAVIDAS.Core.WorkflowStep)Container.DataItem).StepType) %>"

ImageAlign="Middle" AlternateText='<%# (((NAVIDAS.Core.WorkflowStep)Container.DataItem).StepType == "C") ? "Decision Point" : "Approval Step" %>'

ToolTip='<%# (((NAVIDAS.Core.WorkflowStep)Container.DataItem).StepType == "C") ? "Decision Point" : "Approval Step" %>'

runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="StepName" HeaderText="Step Name" DataField="StepName">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Calculation" HeaderText="Show Path if:" ItemStyle-Width="105px">

<ItemTemplate>

<asp:RadioButtonList ID="rblCalculation" RepeatDirection="Horizontal" AutoPostBack="true"

OnSelectedIndexChanged="rblCalculation_SelectedIndexChanged" Visible='<%# (((NAVIDAS.Core.WorkflowStep)Container.DataItem).StepType == "C") %>'

runat="server">

<asp:ListItem Text="Yes" Value="1" Selected></asp:ListItem>

<asp:ListItem Text="No" Value="0"></asp:ListItem>

</asp:RadioButtonList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn UniqueName="Edit" HeaderText="Edit" HeaderStyle-Width="30px" ItemStyle-Width="30px" ButtonType="ImageButton"

HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">

</telerik:GridEditCommandColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<div style="margin-left:5px;">

<asp:Label ID="lblStepID" Text='<%# Bind("StepID") %>' Visible="false" runat="server"></asp:Label>

<asp:Label ID="lblWorkflowID" Text='<%# Bind("WorkflowID") %>' Visible="false" runat="server"></asp:Label>

<asp:Label ID="lblNextStepID" Text='<%# Bind("NextStepID") %>' Visible="false" runat="server"></asp:Label>

<asp:Label ID="lblFalseStepID" Text='<%# Bind("FalseStepID") %>' Visible="false" runat="server"></asp:Label>

<fieldset>

<ol>

<li>

<label for="ctl00_ContentPlaceHolder1_grdWorkflow_ctl00_ctl06_txtWorkflowName">

Workflow Name:

</label>

<asp:TextBox ID="txtWorkflowName" Width="350px" MaxLength="50" Text='<%# Bind("WorkflowName") %>' runat="server" />

</li>

<li id="liStepType">

<label for="ctl00_ContentPlaceHolder1_grdWorkflow_ctl00_ctl06_rblStepType">

<span class="required">*</span> Type of Step:

</label>

<span class="radioButtons">

<asp:RadioButtonList ID="rblStepType" RepeatDirection="Horizontal" RepeatLayout="Flow" runat="server">

<asp:ListItem Text="Approval" Value="A"></asp:ListItem>

<asp:ListItem Text="Decision Point" Value="C"></asp:ListItem>

</asp:RadioButtonList>

<asp:RequiredFieldValidator CssClass="requiredField" ID="rfvStepType" ControlToValidate="rblStepType"

Enabled="false" Display="Dynamic" runat="server" ErrorMessage="You must select a step type"

ValidationGroup="Save"> </asp:RequiredFieldValidator>

</span>

</li>

<li>

<label for="ctl00_ContentPlaceHolder1_grdWorkflow_ctl00_ctl06_txtStepName">

Step Name:

</label>

<asp:TextBox ID="txtStepName" Width="350px" MaxLength="50" Text='<%# Bind("StepName") %>' runat="server" />

</li>

<li id="calcField">

<label for="ctl00_ContentPlaceHolder1_grdWorkflow_ctl00_ctl06_ddlField">

Field:

</label>

<asp:DropDownList ID="ddlField" DataTextField="FieldName" DataValueField="FieldID" runat="server">

</asp:DropDownList>

</li>

<li id="calcOperator">

<label for="ctl00_ContentPlaceHolder1_grdWorkflow_ctl00_ctl06_ddlOperators">

Comparison Type:

</label>

<asp:DropDownList ID="ddlOperators" runat="server">

<asp:ListItem Text="< less than" Value="<"></asp:ListItem>

<asp:ListItem Text="> greater than" Value=">"></asp:ListItem>

<asp:ListItem Text="<= less than or equal" Value="<="></asp:ListItem>

<asp:ListItem Text=">= greater than or equal" Value=">="></asp:ListItem>

<asp:ListItem Text="= equal" Value="="></asp:ListItem>

<asp:ListItem Text="<> not equal" Value="<>"></asp:ListItem>

</asp:DropDownList>

</li>

<li id="calcValue">

<label for="ctl00_ContentPlaceHolder1_grdWorkflow_ctl00_ctl06_txtCalculationValue">

Value:

</label>

<asp:TextBox ID="txtCalculationValue" Text='<%# Bind("Value") %>' runat="server">

</asp:TextBox>

or

<asp:DropDownList ID="ddlValueField" DataTextField="FieldName" DataValueField="FieldID" runat="server">

</asp:DropDownList>

</li>

</ol>

</fieldset>

<div class="buttons">

<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Add" : "Update" %>'

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'

runat="server" ValidationGroup="Save" />

<asp:Button ID="btnDelete" Text="Delete" Visible='<%# (Container is GridEditFormInsertItem) ? false : true %>'

runat="server" CausesValidation="false" CommandName="Delete" OnClientClick="javascript:return confirm('Are you sure you want to remove this step?\r\n\r\n(But not the actual approver groups associated with this step)');" />

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="false"

CommandName="Cancel" />

</div>

</FormTemplate>

</EditFormSettings>

<NestedViewSettings>

<ParentTableRelation>

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

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

</NestedViewTemplate>

</MasterTableView>

<ClientSettings AllowRowsDragDrop="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<GroupingSettings ShowUnGroupButton="true" />

</telerik:RadGrid>

The working javascript (which fails after ajax applied) is here:

<script type="text/javascript">

$(document).ready(function ()

{

$("#liStepType input:radio").each(function ()

{

var i = $(this).attr("id");

var txt = $("#" + i).val();

if (txt == "C")

{

if ($(this).is(":checked"))

{

$("#calcField").show();

$("#calcOperator").show();

$("#calcValue").show();

$("#calcFieldValue").show();

}

else

{

$("#calcField").hide();

$("#calcOperator").hide();

$("#calcValue").hide();

$("#calcFieldValue").hide();

}

});

$("#liStepType input:radio").click(function ()

{

var i = $(this).attr("id");

var txt = $("#" + i).val();

if (txt == "C")

{

if ($(this).is(":checked"))

{

$("#calcField").show();

$("#calcOperator").show();

$("#calcValue").show();

$("#calcFieldValue").show();

}

else

{

$("#calcField").hide();

$("#calcOperator").hide();

$("#calcValue").hide();

$("#calcFieldValue").hide();

}

});

</script>

And the RadAjaxManager markup is here:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ddlCommand">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ddlOrganization" />

<telerik:AjaxUpdatedControl ControlID="grdWorkflow" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ddlOrganization">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="grdWorkflow" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="grdWorkFlow">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="grdWorkflow" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

Grid

answered on 07 Mar 2013