Questions on UI for ASP.NET AJAX Forum

6 answers

223 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

164 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

1 answer

91 views

v2013.1.220.45: Script control X is not a registered script control

Our code works fine with v2012.3.1205 and v2012.3.1308, however after upgrading to v2013.1.220.45 we get the following error:

0x800a139e - Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Script control 'rcbBudgetCategory' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().

We can remove our control "rcbBudgetCategory" and then the error simply jumps to the next Rad Control on the page. This occurs inside of a User Control inside a RadGrid:

<EditFormSettings UserControlName="~/Controls/UnitAdmin.ascx" EditFormType="WebUserControl">

... the nested User Control has RadControls which post-back. These controls are inside tables, which are inside Panels which are registered in the RadAjaxManager:

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rcbBudgetCategory">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlReplaceOptions" />

<telerik:AjaxUpdatedControl ControlID="rblReplacement" />

<telerik:AjaxUpdatedControl ControlID="pnlReplace" LoadingPanelID="ralpLoading" />

</UpdatedControls>

</telerik:AjaxSetting

> 

...

<asp:Panel runat="server" ID="pnlReplace">

<table>

<tr>

<td class="bold">Budget Category:</td>

<td>

<telerik:RadComboBox runat="server" ID="rcbBudgetCategory" DataSourceID="BudgetCategoryDataSource" DataTextField="BudgetCategory1" DataValueField="BudgetCategoryID" Width="250" AppendDataBoundItems="true" AutoPostBack="True" OnSelectedIndexChanged="rcbBudgetCategory_SelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="" Value="" />

</Items>

</telerik:RadComboBox>

Some table rows (TR's) are runat="server" and can be shown/hidden... we even made the tables runat=server in case this was the problem, but it wasn't. Also, the error still occurred when we tried commenting-out all the code which changed the visibility of controls in the code-behind.

Therefore we believe v2013.1.220.45 has a bug.

ScriptManager and StyleSheetManager

answered on 07 Mar 2013

10 answers

225 views

[Solved] Grid hidding column resize issue

Hi

I have a RadGrid with client side binding through webservice. Everything works great, but I need to hide column for regular users and show all to admin. I am using the hideColumn() and showColumn() procedure, it works, it hides the column, but the Grid is not resizing to fill the new space. I have 1 column defined without width and I want this column to be resized. I dont want to allow the user to resize the column, but if it must the so be it. I tried every possible combination of allowColumnResizing, ResizeGridOnColumnResize, Clip... also tried tableLayout, also manual column resizing and I tried to move hidding to different events like OnDataBinding, OnDataBound, OnMasterTableCreating, OnGridCreating and so on, but nothing works as expected. At server side it is so simple so why is client side so hard??

thanks

Vitalij

Grid

answered on 07 Mar 2013

1 answer

165 views

How to Refresh the Radwindow page with out IE Retry popup

i am having x.aspx radwindow page which contains 5 tabs,

if i click the 5th tab( Delete user), radwindow pop up will be dislayed with option ok and cancel, if i click ok.. i am closing the popup and coming back to the 5th tab(Delete user), if i am using the following code,

GetRadWindow().BrowserWindow.location.reload();

I get an IE7 popup dialog, saying
"To display the webpage again, Internet explorer needs to resnd the Information you've previously submitted. If you were making a purchase ...blah blah

with Retry + Cancel buttons

if i use the below code instead,

top.location,href= top.location.href

i am not getting an error as explained above but it is navigating into fist tab( Request user)...

Tried all the option like

window.location.reload(), window.location.href( It is showing the URL of the POP up)... etc...

can u share ur thoughts as soon as possible..... plz...

Window

answered on 07 Mar 2013

9 answers

347 views

Radwindow problem with autosize

Hello,

i've the problem with autosize radwindow, because whan i open radwindow you can see the scroolbar I would rather that not be seen.

this is the code of the web page that call radwindow:

<telerik:RadWindow ID="RadWindowCard" runat="server" AutoSize="True" IconUrl="/image/iconlogo.png"

ReloadOnShow="True" NavigateUrl="publicard.aspx" Behaviors="Close" RestrictionZoneID="NavigateUrlZone"

Height="100" Skin="Simple" VisibleStatusbar="False" Title="Caricamento biglietto da visita..."

ShowContentDuringLoad="False" Width="300" Modal="true">

</telerik:RadWindow>

and code behind is:

Dim script As String = "function f(){$find(""" + RadWindowCard.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);"

ScriptManager.RegisterStartupScript(Me, Me.[GetType](), "key", script, True)

code behind

Dim script As String = "function f(){$find(""" + RadWindowCard.ClientID + """).show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);"

ScriptManager.RegisterStartupScript(Me, Me.[GetType](), "key", script, True)

this is the code web page that is load into radwindow:

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

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

</asp:ScriptManager>

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

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server"

DecoratedControls="Default, Textbox, Textarea, Label" Skin="Sunset" />

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

DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ImageButtonRicerca">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMenu1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadNotification ID="RadNotification1" runat="server"

AutoCloseDelay="3500" Height="100px" Skin="Simple" Title="Trycontact"

TitleIcon="~/Image/iconlogo.png" Width="400px" Position="Center">

</telerik:RadNotification>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

Skin="Simple" BorderColor="#D5842B" BorderStyle="Double"

HorizontalAlign="Center" BorderWidth="1px">

</telerik:RadAjaxLoadingPanel>

<telerik:RadWindowManager ID="RadWindow_Conferma" runat="server" Modal="True" Skin="Office2010Silver">

<Windows>

<telerik:RadWindow ID="RadWindowAppuntamento" runat="server"

ShowContentDuringLoad="false" Width="527px" Height="450px" Title="Richiesta appuntamento" Behaviors="None"

Modal="True" IconUrl="/image/iconlogo.png" Behavior="None" Font-Names="Verdana" Font-Size="Small"

VisibleStatusbar="False" Skin="Simple" ReloadOnShow="True" NavigateUrl="appuntamento.aspx">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<div class="profilebody">

</div>

</form>

this is css code:

.profilebody

{

background-image: url('/Image/banner.jpg');

background-repeat: no-repeat;

width: 1024px;

height: 85px;

text-align:center;

font-family: Verdana;

font-size: small;

margin: 0px;

border: 0px;

position: static;

}

please to see the image posted: name image is immagine_new.jpg

Window

answered on 07 Mar 2013

7 answers

142 views

SPRadGrid and SQL Views

Unless I'm doing something wrong or missing something, it doesn't seem as though your SPRadGrid web part works with SQL views. I see any of the tables but not views. We almost never expose a table but almost always use views to get the data we need, especially when working with SQL.

Plans to include views or maybe I'm really missing something here.

Sharepoint Integration

answered on 07 Mar 2013

3 answers

277 views

Closing a RadWindow from Usercontrol Button click event

Hi,

I have a set of links in one of the usercontrol. The same usercontrol contains two RadWindows. I am binding another usercontrol within the ContentTemplate section of RadWindow. When the user clicks on the link a radwindow should be opened. When the user clicks on the button that present in the radwindow, i need to perform some process and close the radwindow. Then show the second radwindow with a success message. I am unable to close the first radwindow from usercontrol button click event. How to achieve this?

Thanks in advance.

UserControl 1

<script type="text/javascript">

function closeAndOpen() {

$find("<%= modalWindow.ClientID %>").close();

$find("<%= confirmationWindow.ClientID %>").show()

}

</script>

<div class="links">

<asp:LinkButton ID="changeProfile" runat="server" meta:resourcekey="changeUsername"

CssClass="fontUnderline linkFont noLink" CausesValidation="False" OnClick="changeProfile_Click"></asp:LinkButton>

</div>

<telerik:RadWindowManager ID="radWindowManager" runat="server" DestroyOnClose="false"

EnableShadow="true" ShowContentDuringLoad="false" VisibleStatusbar="false" ReloadOnShow="true"

Opacity="100">

<Windows>

<telerik:RadWindow ID="modalWindow" runat="server" Visible="false" VisibleOnPageLoad="true" VisibleStatusbar="false" Behaviors="None">

<ContentTemplate>

<uc:Profile ID="changeProfileControl" runat="server" Visible="false" />

</ContentTemplate>

</telerik:RadWindow>

<telerik:RadWindow ID="confirmationWindow" runat="server" Visible="false" VisibleOnPageLoad="true" VisibleStatusbar="false" Behaviors="None">

<ContentTemplate>

<uc:successmessage ID="confirmation" runat="server" />

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

UserControl 2:

In my button click event I am registering the script

Protected Button_Click()

{

//Do some process

ScriptManager.RegisterStartupScript(this, this.GetType(), "Testing Script", "closeAndOpen();", true);

}

Window

answered on 07 Mar 2013

1 answer

101 views

TreeList column set MinWidth

Hello.

I have a tree with n columns. n-1 columns have fix size and one column does not have fix size ("Name"). On a high resolution, the tree appears ok, the "Name" columns fills all the remaining space. When the resolution is small, the column "Name" is completely hidden. I would like to have the posibility of setting MinWidth to the "Name" column.

What can I do?
Thank you.

TreeList

answered on 07 Mar 2013

6 answers

256 views

Insert Row in RadGrid BiffExporting

I would like to insert one row at the top of a spreadsheet when using RadGrid1_BiffExporting, and possibly turn on filtering on the actual header column now in row 2.

How do I go about this as I cannot find any documentation on this?

I tried the following but it does not seem to do anything as I cannot find an add or insert method.

using eis = Telerik.Web.UI.ExportInfrastructure;

protected void RadGrid1_BiffExporting ( object sender, GridBiffExportingEventArgs e )

{

eis.Table tbl = e.ExportStructure.Tables [ 0 ];

eis.Row row = new eis.Row ( tbl );

eis.Cell newCell = row.Cells [ 1, 1 ];

newCell.Value = "Default text used in this cell.";

newCell.Colspan = tbl.Columns.Count - 1;

newCell.Style.Font.Bold = true;

newCell.Style.Font.Size = 15;

... there is no Add()/Insert(...) method that I can find.

}