Questions on UI for ASP.NET AJAX Forum

5 answers

129 views

Group sorting

Grid sorts by a column that is defined as string in the datasource. As a result, the order of the groups is like this:

Group 1
Group 10
Group 11
Group 2
Group 3

I cannot change the column type in the datasource because it might break too many other things. Adding

<telerik:GridTemplateColumn DataType="System.Int32"

to the grid markup did not help.

Is there anything else I can try?

-Stan

Grid

answered on 26 Jan 2012

1 answer

156 views

Rad Editor Height Problem

I am using Rad Editor on my xyz.aspx page inside Rad Panes. I am setting the Rad Editor height to 100% but its not having any effect. If I give height in pixel than its getting effect. But I can't use pixel as the user may change browser size, so its better to use percentage.

HELP!!!!!!

Editor

answered on 26 Jan 2012

5 answers

169 views

Second Row in Group Style Issue

I am creating the OrgChart using the demos found and i have come to a style issue with the second and subsequent rows for a group. When i set the DisableDefaultImage to true the subsequent rows are still showing the placeholder for the image. Is there something wrong in my code? Please review:

<telerik:RadOrgChart ID="radOrgChart" runat="server" GroupColumnCount="4" DisableDefaultImage="true" Skin="Sitefinity">

<RenderedFields>

<ItemFields>

<telerik:OrgChartRenderedField DataField="FullName"/>

<telerik:OrgChartRenderedField DataField="Title" />

<telerik:OrgChartRenderedField DataField="ProfileLink" />

</ItemFields>

</RenderedFields>

</telerik:RadOrgChart>

//Table to define the nodes

DataTable nodeTable = new DataTable();

nodeTable.Columns.Add("ID");

nodeTable.Columns.Add("ManagerID");

//Table to hold the data for the items

DataTable itemsTable = new DataTable();

itemsTable.Columns.Add("NodeID");

itemsTable.Columns.Add("ID");

itemsTable.Columns.Add("FullName");

itemsTable.Columns.Add("Title");

itemsTable.Columns.Add("ProfileLink");

//Get Contacts Manager

var tmpCM = ContactMgr.GetContactByID(ContactToDisplay.ManagerID);

//Get Contacts Managers manager

var tmpCMM = ContactMgr.GetContactByID(tmpCM.ManagerID);

//Get Contacts Managers employees

var tmpCME = ContactMgr.GetEmployeesByManagerID(tmpCM.ID);

//Add the nodes to the nodesTable

nodeTable.Rows.Add(new string[] { "1", null});

nodeTable.Rows.Add(new string[] { "2", "1"});

nodeTable.Rows.Add(new string[] { "3", "2" });

//Add the details of the employees to the itemTable

itemsTable.Rows.Add(new string[] { "1", tmpCMM.ID.ToString(), "<b>" + tmpCMM.FullName + "</b>", tmpCMM.Title, "<a href='/contacts/detail.aspx?id=" + tmpCMM.ID + "'>View Details</a>" });

itemsTable.Rows.Add(new string[] { "2", tmpCM.ID.ToString(), "<b>" + tmpCM.FullName + "</b>", tmpCM.Title, "<a href='/contacts/detail.aspx?id=" + tmpCM.ID + "'>View Details</a>" });

foreach (Directory_BO.Contact tmpC in tmpCME)

itemsTable.Rows.Add(new string[] { "3", tmpC.ID.ToString(), "<b>" + tmpC.FullName + "</b>", tmpC.Title, "<a href='/contacts/detail.aspx?id=" + tmpC.ID + "'>View Details</a>" });

//Setup the relationships within the OrgChart

radOrgChart.GroupEnabledBinding.NodeBindingSettings.DataFieldID = "ID";

radOrgChart.GroupEnabledBinding.NodeBindingSettings.DataFieldParentID = "ManagerID";

radOrgChart.GroupEnabledBinding.NodeBindingSettings.DataSource = nodeTable;

radOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataFieldNodeID = "NodeID";

radOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataFieldID = "ID";

radOrgChart.GroupEnabledBinding.GroupItemBindingSettings.DataSource = itemsTable;

//Bind the OrgChart

radOrgChart.DataBind();

OrgChart

answered on 26 Jan 2012

1 answer

70 views

Problem inserting media with Rad Editor

We are having a problem with Rad Editor in DotNetNuke 6. The media manager calls up a dialog box for selecting the file you want, but the file system is completely unpopulated--no files or file folders appear and all three columns of the manager are empty. Clicking the "refresh" button does nothing. Any idea what might be going on and how we could fix it?

Thanks

Colin Moser
The Corymb Group, LLC

Editor

answered on 26 Jan 2012

2 answers

130 views

Copy/paste into RadEditor causes line breaks to double in Chrome/Safari

I've tried setting: ContentFilters="None" and it still happens.
I can reproduce this on your "First Look" demo too.

Just open Notepad or something and create a document with some spaces like this:

Line 1
Line 2

Line 4

Line 6

Line 8
Line 9

Then use "CTRL+A" to select, CTRL+C to copy and then paste that into the RadEditor.
All the line breaks get doubled.
Help!!!!

Window

answered on 26 Jan 2012

16 answers

242 views

Validation Controls Frozen Tabs

Dear All,

I have 3 tabs in a tab strip and 3 multi page views. inside these multi page views are three tables i.e. code of three pages one by one.

First multipageview contains a form with a few text fields etc. When I use validation controls, like required field validation, on first tab's form it do not allow me to go to the next tab untill the validation is done on the form. I want it to go to next tab without validation. or in other words I want it to do validation only on the button clicked on respective tab, not when a tab is clicked.

Please help.

TabStrip

answered on 26 Jan 2012

1 answer

241 views

RadAjaxLoadingPanel not showing in a Modal RadWindow

Hi guys.

I have been trying a lot of ways to fix this issue but it seems to be impossible.
I am developing a web app whit 3.5 framework ant telerik controls version 2009.3.1314.0. I have a Main page that uses a Master page and from javascript I open a radWindow that is set to modal. When the modal window is opening for the first time the loading circle icon appears but when I save the form in the modal window no icon appears.
This is an example of my code in main page:

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

<script type="text/javascript">

function OpenDetail(cod1, cod2, action) {

var wnd = window.radopen('<%= ConfigurationManager.AppSettings["AppWeb"] %>Posicion/NewDetails.aspx?cti=' + cod1+ "&nb=" + cod2+ "&action=" + action, "DetailsPage");

wnd.set_modal(true);

wnd.set_autoSize(false);

wnd.setSize(1100, 380);

wnd.set_visibleStatusbar(false);

wnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move);

wnd.center();

return false;

}

</script>

</telerik:RadCodeBlock>

Now, NewDetails.aspx is a RadWindow form that uses another Master Page (MasterModal.Master). The ASPX code from that MasterModal.Master is:

<html>

<body class="BodyModal" style="background-color: #ebf4f7; position:relative; " >

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

<asp:HiddenField runat="server" ID="opSalir" Value="" />

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

</asp:ToolkitScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanelMessage" runat="server" EnableEmbeddedScripts="true">

</telerik:RadAjaxPanel>

<div style="text-align: center; width: 100%">

<div style="text-align: left; ">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="rwConfirm" runat="server" OnClientClose="OnClientClose" Title="Confirmación" ReloadOnShow="true"

ShowContentDuringLoad="true" Modal="true" AutoSize="true" VisibleStatusbar="false"

Behaviors="Close" VisibleTitlebar="true" KeepInScreenBounds="True" PreventClientCache="true"

DestroyOnClose="true">

</telerik:RadWindow>

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record"

ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true"/>

<telerik:RadWindow ID="RadFavoritoCampo" runat="server" OnClientClose="OnClientClose" Title="Campos" ReloadOnShow="true"

ShowContentDuringLoad="false" Modal="true">

</telerik:RadWindow>

<telerik:RadWindow ID="RadEmpresa" runat="server" OnClientClose="OnClientClose" Title="Empresa" ReloadOnShow="true"

ShowContentDuringLoad="false" Modal="true">

</telerik:RadWindow>

<telerik:RadWindow ID="RadTest" runat="server" OnClientClose="OnClientClose" Title="Test" ReloadOnShow="true"

ShowContentDuringLoad="false" Modal="true">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</form>

</body>

</html>

And finally, the ASPX code in NewDetail.aspx is

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

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

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

<div>

//SOME HTML with textboxes, labels, etc

<asp:Button ID="BtnSave" runat="server" Text="Save" Width="100px" style="left:760px; top: 310px; position: absolute;"

CssClass="cssBoton" onclick="BtnSave_Click" />

<input id="BtnExit" class="cssBoton" title="Exit" type="button" style="left:870px; top: 310px; position: absolute;width: 100px" value="Exit" onclick="return BtnExit_onclick()" />

</div>

</asp:Panel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="WebBlue">

</telerik:RadAjaxLoadingPanel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="BtnSave">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

</asp:Content>

this piece of code <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1"></telerik:RadAjaxManager> is causing a javascript error in this line : c.get_request()._get_eventHandlerList()._list.completed.reverse();
If I remove the RadAjaxManager tag everything works without showing the loading icon. With the RadAjaxManager code the javascript error occurs.

Any Ideas?

Thank you very much.

Ajax

answered on 26 Jan 2012

2 answers

166 views

Web application very slow

I have a web application how use telerik rad controls. Every pages how contains rad controls runs very slow. I don't understand Why.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HistoricoEncomendas.aspx.cs" Inherits="Hnrypharma.UI.Encomendas.HistoricoEncomendas" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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></title>
<link href="../Styles/Styles.css" rel="Stylesheet" type="text/css" />
<script src="../Scripts/jquery-1.7.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery-ui.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$(window).resize(function () {
$('.EncomendasCentro').css({
position: 'absolute',
left: ($(window).width() - $('.EncomendasCentro').outerWidth()) / 2,
top: ($(window).height() - $('.EncomendasCentro').outerHeight()) / 2
});
});

// To initially run the function:
$(window).resize();

});
</script>
<form id="form1" runat="server">
<div class="EncomendasCentro">
<div style="text-align:center; width:100%;">
<asp:Label ID="Label1" runat="server" Text="Historico de movimentos de encomendas" CssClass="titulo"></asp:Label>
</div>
<table>
<tr>

<td>
<asp:Label ID="Label2" runat="server" Text="Pesquisar"></asp:Label>
</td>
<td>
<telerik:RadComboBox ID="RadComboBox1" AllowCustomText="true" runat="server" Width="250px"
Height="200px" DataTextField="nome" DataValueField="ID"
EmptyMessage="Escreva o nome do Cliente..."
onitemdatabound="RadComboBox1_ItemDataBound1" >
</telerik:RadComboBox>
<telerik:RadComboBox ID="RadEditCod" AllowCustomText="true" runat="server" Width="80px"
Height="200px" DataTextField="Cod" DataValueField="ID"
EmptyMessage="Cod..."
onitemdatabound="RadEditCod_ItemDataBound" DropDownWidth="400px" >
</telerik:RadComboBox>
<telerik:RadDateInput ID="RadDateInput1" runat="server" Width="200px" Culture="pt-PT">
</telerik:RadDateInput>
</td>
<td>
<asp:RadioButtonList ID="RadioButtonList1" runat="server"
RepeatDirection="Horizontal" AutoPostBack="True">
<asp:ListItem Text="Produto" Value="1" Enabled="true" Selected=True></asp:ListItem>
<asp:ListItem Text="CLiente" Value="2" Enabled="true"></asp:ListItem>
<asp:ListItem Text="Data" Value="3" Enabled="true"></asp:ListItem>

</asp:RadioButtonList>
</td>
<td>
<telerik:RadButton ID="btProcurar" runat="server" Width="139px" Height="26px"
Text="Procurar" ForeColor="White" HoveredCssClass="goButtonClassHov"
onclick="btProcurar_Click">
<Image ImageUrl="~/Images/botao_azul.jpg" IsBackgroundImage="true" />
</telerik:RadButton>
</td>

</tr>
</table>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadGrid ID="RadGrid1" runat="server" Width="95%" ShowStatusBar="true"
AutoGenerateColumns="False" PageSize="7" AllowSorting="True" AllowMultiRowSelection="False"
AllowPaging="True" OnDetailTableDataBind="RadGrid1_DetailTableDataBind"
OnNeedDataSource="RadGrid1_NeedDataSource" OnPreRender="RadGrid1_PreRender">
<PagerStyle Mode="NumericPages"></PagerStyle>
<MasterTableView Width="100%" DataKeyNames="cabecid" AllowMultiColumnSorting="True">
<DetailTables>
<telerik:GridTableView Name="Linhas" Width="100%">
<Columns>

<telerik:GridBoundColumn SortExpression="Cod" HeaderText="Cod" HeaderButtonType="TextButton"
DataField="Cod" UniqueName="Cod">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Cedime" HeaderText="Cedime" HeaderButtonType="TextButton"
DataField="Cedime" UniqueName="Cedime">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="descricao" HeaderText="descricao" HeaderButtonType="TextButton"
DataField="descricao" UniqueName="descricao">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="QT" HeaderText="QT" HeaderButtonType="TextButton"
DataField="QT" UniqueName="QT">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Bonus" HeaderText="Bonus" HeaderButtonType="TextButton"
DataField="Bonus" UniqueName="Bonus">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="D.Fin" HeaderText="D.Fin" HeaderButtonType="TextButton"
DataField="D.Fin" UniqueName="D.Fin">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Preco" HeaderText="Preço" HeaderButtonType="TextButton"
DataField="Preco" UniqueName="Preco">
</telerik:GridBoundColumn>

</Columns>
</telerik:GridTableView>
</DetailTables>
<Columns>
<telerik:GridBoundColumn SortExpression="cabecid" HeaderText="cabecid" HeaderButtonType="TextButton"
DataField="cabecid" Visible=false>
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Codigo" HeaderText="Cod Enc" HeaderButtonType="TextButton"
DataField="Codigo">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Data" HeaderText="Data" HeaderButtonType="TextButton"
DataField="Data">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Cliente" HeaderText="Cliente" HeaderButtonType="TextButton"
DataField="Cliente">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Localidade" HeaderText="Localidade" HeaderButtonType="TextButton"
DataField="Localidade">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="Expedidor" HeaderText="Expedidor" HeaderButtonType="TextButton"
DataField="Expedidor">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
<table width="100%">
<tr>
<td align="right">
<telerik:RadButton ID="RadVoltar" runat="server" Width="139px" Height="26px"
Text="Voltar"
ForeColor="White" HoveredCssClass="goButtonClassHov"
onclick="RadVoltar_Click">
<Image ImageUrl="~/Images/botao_azul.jpg" IsBackgroundImage="true" />
</telerik:RadButton>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

General Discussions

answered on 26 Jan 2012

1 answer

103 views

RadGrid with 2 linked tables

What is the easiest way to do the following in a RadGrid control (if there is an example online anywhere this would be perfect)?

I have 2 database tables, customer and country with the following fields:

Customer table
Customer Name
Country ID
Customer ID

Country Table
Country ID
Country Name

I would like a grid to display the following columns.

Customer Name, Country Name, <Edit Link>

When you edit (or add a new row), there should be a text box to enter the customer name, and a drop down box for countries listing all the country names. I am using Entity Framework to connect to a SQL server database.

Kind Regards
Richard Jonas

Grid

answered on 26 Jan 2012

2 answers

280 views

Change pane height using javascript

Hi there, I am using a fullscreen splitter with three panes, without splitbars. If I resize the browser window the splitter resizes just fine.
Now I need to change the height of the top pane according to the user clicking on a button, using javascript.
I use splitter.getStartPane().set_height to set the height, and it works, BUT then the splitter doesn't fill the screen anymore. So, if I change the height from 100 to 50 pixels, an empty 50 pixels tall area appears below the end pane.
I tried using splitter.repaint() and splitter.set_height($(window).height()) without success.
I also tried $(window).trigger("resize") just because resizing the window soon after setting the height does the trick, but it doesn't work via code.
Any idea?
Thanks

Splitter

answered on 26 Jan 2012