Questions on UI for ASP.NET AJAX Forum

1 answer

234 views

Hello!

I've implemented the RadTreeView successfully in a RadPane, within a RadSplitter.
But now the formatting of the TreeView is very malformed, it looks like each TreeNodeItem is beeing centered. Does anybody know a reason where this can come from?

Here is a sample code and attached the sample outputs:

<div style="width:700px; height:300px;">

<rad:RadTreeView ID="TestTree" runat="server" Height="200px" Skin="Windows7" BorderWidth="3" style="float: left">

<Nodes>

<rad:RadTreeNode Text="Test1" Expanded="true" runat="server">

<Nodes>

<rad:RadTreeNode Text="Test2" runat="server">

<Nodes>

<rad:RadTreeNode Text="Testasdfjklö2" runat="server" >

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeNode>

<rad:RadTreeNode Text="Test3" runat="server" >

<Nodes>

<rad:RadTreeNode Text="Testasfwqeradfawererdfgrthrtzh3" runat="server" style="float: left">

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeNode>

</Nodes>

</rad:RadTreeView>

</div>

Thank you very much for every help!

Kind regards
Juergen

TreeView

answered on 12 Dec 2012

1 answer

107 views

Drag and Drop Download

While it would be really nice to be able to have a built in multi file download, what about downloading a single file with drag and drop to the desktop as shown here:
http://www.html5rocks.com/en/tutorials/casestudies/box_dnd_download/

If we could do something like this in most cases it would not be a problem for the user to need a multi file download. Is the drag and drop download possible with this control? Do you have any information on how to accomplish it?

Thanks,
Ryan

FileExplorer

answered on 12 Dec 2012

17 answers

289 views

RadMenu & IE10 IFrame Issue

Just recently updated our application with the latest Telerik release for IE10 support. Majority of the bugs we saw are now resolved. However, we are noticing an issue with the RadMenu. On the expand of drop down menu, an iframe is rendered behind the menu item and can be seen with an "Windows Internet Explorer cannot load this page" or something along those lines. Basically you can see the IE "World" image loaded behind the menu and once the menu is expanded it is covered up. It is brief but noticeable.

Do you have any suggestions or workarounds? I do see the iframe markup so was considering adding a .rmSlide iframe CSS styling to perhaps hide it.

I tried to grab a screenshot but its near impossible to time it right.

Menu

answered on 12 Dec 2012

1 answer

31 views

Do telerik controls need primary keys in coupling table

Hi everyone,

now I am making my database model and I would like to know if telerik needs to have primary keys in coupling tables?

I hope you understand my "coupling tables".

Thank you for your replies.

General Discussions

answered on 12 Dec 2012

5 answers

147 views

Listbox clientside events in a USER CONTROL

I have a user control inside of a rad grid.
When you expand the radgrid row for edit or insert I have a listbox that displays a set of items in a source and a destination box where the items they transfer are...
I would like to validate that the destination box has at least one item either via a asp.net validation control or via client side javascript.
The issue with the clientside script is that I am having a hard time getting it to work since it is a USER CONTROL inside of a parent page..

Any ideas?

ListBox

answered on 12 Dec 2012

10 answers

646 views

Rad Scheduler with Rad Calendar

Hi,

I am using Rad Calendar with Rad Scheduler To Implement Events Like Outlook Calendar View .
I need Following Requirements ,Please Giude me .
1. On Click on Rad Scheduler Navigation , Need to Highlight Respective Day Or Week Or Month in Rad Calendar Based On Rad Scheduler View.
2.How to Use

telerik

:RadSchedulerRecurrenceEditor

For Implementing Custom Appointment Template.
3.How to Implement Go To Date Funtionality For Rad Calendar.
4.How to Navigate Rad Scheduler , on click of Rad Calendar Row Header -- > Month View Of rad Scheduler.
on Click of Rad Calendar Column Header -- > Week View of Rad Scheduler.
5. If Rad Scheduler is Day View Need to Display More Information.
If Rad Scheduler is Week View or Month View then Display Less Information.
6. Appointment Click event is not Working.( Need to Redirect to Different page)

Please Do the NeedFull.

Thanks.

Scheduler

answered on 12 Dec 2012

1 answer

159 views

RadListBox selection is not working in RadPageView.

Hi

I have placed a RadTabStrip on my page and linked to RadMultiPage. One of the RadPageView contains a usercontrol which contains some RadListBox controls.

When I place the user control in directly in the RadAjaxPanel the selection of RadListBox items work fine. but when placed inside the RadPageView it doesnt.

I am using Telerik for ASP.NET AJAX Q3 2011.
any urgent help will be appreciated.

code on my page is as follows:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">

<table id="tbl" cellpadding="10" cellspacing="0" width="100%">

<tr>

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

Select Report :

</td>

<td>

<telerik:RadComboBox ID="RadComboBox1" AutoPostBack="true" OnSelectedIndexChanged="RadDropDown1_SelectedIndexChanged" EmptyMessage="Select Report.." runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td colspan="2">

<telerik:RadTabStrip ID="RadTabStripReport" runat="server" SelectedIndex="0" ShowBaseLine="False"

MultiPageID="RadMultiPageReport" Width="99%" EnableEmbeddedBaseStylesheet="false"

EnableEmbeddedSkins="false" Skin="StakeTab" Orientation="HorizontalTop" CssClass="Cloud-Tabs">

<Tabs>

<telerik:RadTab runat="server" Text="Criteria" Value="Criteria" PageViewID="RadPageViewCriteria">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="View Report" Value="View Report" PageViewID="RadPageViewReport">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div class="dvClear">

</div>

<div style="width: 100%; border: 1px solid #d2d2d2;">

<telerik:RadMultiPage ID="RadMultiPageReport" runat="server" SelectedIndex="0" Width="100%">

<telerik:RadPageView ID="RadPageViewCriteria" runat="server">

<uc1:RptConsultationLogCriteria ID="RptConsultationLogCriteriaUC" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageViewReport" runat="server">

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</td>

</tr>

</table>

</telerik:RadAjaxPanel>

And code in user control is as follows:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">

<div class="containerPanel">

<table width="100%">

<tr>

<td>

<strong>Start Date:</strong>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">

</telerik:RadDatePicker>

</td>

<td>

<strong>End Date: </strong>

<telerik:RadDatePicker ID="RadDatePicker2" runat="server">

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

<tr>

<td>

<strong>Search and select project:</strong>

</td>

<td>

<strong>Search and select Stakeholder:</strong>

</td>

</tr>

<tr>

<td>

Type to search Project:<br />

<asp:TextBox ID="TextBox12" runat="server"></asp:TextBox><asp:Button ID="Button1"

runat="server" Text="Search" /><br />

<telerik:RadListBox ID="RadListBoxProjects" CssClass="RadListBox1" AutoPostBack="true" SelectionMode="Single" runat="server"

Width="250px" Height="200px" >

</telerik:RadListBox>

</td>

<td>

Type to search Stakeholder:<br />

<asp:TextBox ID="TextBox14" runat="server"></asp:TextBox><asp:Button ID="Button3"

runat="server" Text="Search" /><br />

<telerik:RadListBox ID="RadListBoxStakeholder" CssClass="RadListBox1" runat="server"

Width="250px" Height="200px" SelectionMode="Multiple">

<Items>

<telerik:RadListBoxItem Text="Jim" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Peter" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Xyz" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Abc" Value=""></telerik:RadListBoxItem>

</Items>

</telerik:RadListBox>

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

<tr>

<td>

<strong>Fields to include in Report:</strong>

</td>

<td>

</td>

</tr>

<tr>

<td colspan="2">

<table>

<tr>

<td>

Fields available:

</td>

<td>

Fields Selected:

</td>

<td>

Groupby results on:

</td>

</tr>

<tr>

<td>

<telerik:RadListBox ID="RadListBox1" CssClass="RadListBox1" runat="server" Width="250px"

Height="200px" SelectionMode="Multiple" AllowTransfer="true" TransferToID="RadListBox2"

AutoPostBackOnTransfer="true" EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">

<Items>

<telerik:RadListBoxItem Text="Team Member Comments" Value=""></telerik:RadListBoxItem>

<telerik:RadListBoxItem Text="Stakeholder Comments" Value=""></telerik:RadListBoxItem>

</Items>

</telerik:RadListBox>

</td>

<td>

<telerik:RadListBox ID="RadListBox2" CssClass="RadListBox2" runat="server" Width="250px"

Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"

AllowTransfer="true" TransferToID="RadListBox3" AutoPostBackOnTransfer="true"

EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">

</telerik:RadListBox>

</td>

<td>

<telerik:RadListBox ID="RadListBox3" CssClass="RadListBox2" runat="server" Width="250px"

Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"

EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">

</telerik:RadListBox>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

<tr>

<td colspan="2">

<strong>Header Text:</strong>

</td>

</tr>

<tr>

<td colspan="2">

<table width="100%">

<tr>

<td align="right">

Team Member Comments:

</td>

<td>

<asp:TextBox ID="TextBox1" Text="Team Member Comments" runat="server"></asp:TextBox>

</td>

<td align="right">

Stakeholder Comments:

</td>

<td>

<asp:TextBox ID="TextBox2" Text="Stakeholder Comments" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Outcome:

</td>

<td>

<asp:TextBox ID="TextBox4" Text="Outcome" runat="server"></asp:TextBox>

</td>

<td align="right">

Issues:

</td>

<td>

<asp:TextBox ID="TextBox5" Text="Issues" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Non Objection Date:

</td>

<td>

<asp:TextBox ID="TextBox7" Text="Non Objection Date" runat="server"></asp:TextBox>

</td>

<td align="right">

Documents Distributed:

</td>

<td>

<asp:TextBox ID="TextBox8" Text="Documents Distributed" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Stakeholder:

</td>

<td>

<asp:TextBox ID="TextBox10" Text="Stakeholder" runat="server"></asp:TextBox>

</td>

<td align="right">

Stakeholder Parent:

</td>

<td>

<asp:TextBox ID="TextBox11" Text="Stakeholder Parent" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Strategies for Mitigation:

</td>

<td>

<asp:TextBox ID="TextBox3" Text="Strategies for Mitigation" runat="server"></asp:TextBox>

</td>

<td align="right">

Non Objection:

</td>

<td>

<asp:TextBox ID="TextBox6" Text="Non Objection" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

FN Rep:

</td>

<td>

<asp:TextBox ID="TextBox9" Text="FN Rep" runat="server"></asp:TextBox>

</td>

<td align="right">

</td>

<td>

</td>

</tr>

</table>

<br />

</td>

</tr>

<tr>

<td colspan="2">

<hr />

</td>

</tr>

</table>

</div>

<asp:Button ID="btnGenerateReport" runat="server" Text="GenerateReport" />

</telerik:RadAjaxPanel>

Thanks,
Bash

ListBox

answered on 12 Dec 2012

2 answers

166 views

Exif

How can I keep the exif data on an image edited in the editor? As it is now, all exif data disappears after save.

Roy

ImageEditor

answered on 12 Dec 2012

3 answers

101 views

Not able to get the changed values in update command

HI,
I am using the RAD Grid in sharepoint 2010.
I have the following code in the update command:

protected void RadGrid1_UpdateCommand(object sender, GridCommandEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

DataTable ordersTable = this.GridData;

//Locate the changed row in the DataSource

string filter = "Title = '" + Convert.ToString(editedItem.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["Title"]) + "'";

// here Title='1' is shown. 1 is the value which is changed to 2.

DataRow[] changedRows = ordersTable.Select(filter);

if (changedRows.Length != 1)

{

RadGrid1.Controls.Add(new LiteralControl("Unable to locate the Order for updating."));

e.Canceled = true;

return;

}

//Update new values

Hashtable newValues = new Hashtable();

//The GridTableView will fill the values from all editable columns in the hash

// in the below code newvalues is coming as empty

e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem);

DataRow changedRow = changedRows[0];

changedRow.BeginEdit();

try

{

foreach (DictionaryEntry entry in newValues)

{

changedRow[(string)entry.Key] = entry.Value;

}

changedRow.EndEdit();

}

catch (Exception ex)

{

changedRow.CancelEdit();

RadGrid1.Controls.Add(new LiteralControl("Unable to update Orders. Reason: " + ex.Message));

e.Canceled = true;

}

ordersTable.AcceptChanges();

this.GridData = ordersTable;

RadGrid1.DataBind();

}

How to get the changed values?
Thanks

Grid

answered on 12 Dec 2012

1 answer

63 views

Tab display issue

Hello telerik.

we have 2 problems about tab control.
we are using 2012.912.40 version we tried to install lastest telerik version for testing, same too.

First problem is already mentioned problem, please refer previous article link.
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/have-you-fixed-feeding-tab-problem.aspx

we recevied message that will be solve problem as soon as possible, but problem is still exists.

Second problem is like first problem.
When I create 15 ~ 20 tabs tabstrip scrollbar has shown. and scrolling scrollbar to right side.
And closing tab located in middle until all tabs are closed.
While tab is closing, sometimes tabstrip control is disappeard.

we make simple code for identifying problem. it looks bug.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!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>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButtonAdd">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadButtonClose_Click">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStripContent" />

<telerik:AjaxUpdatedControl ControlID="LabelCount" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div style="height: 100px; background-color: gray;">

<telerik:RadTabStrip ID="RadTabStripContent" runat="server" Skin="Simple" ScrollChildren="true" dir="LTL" EnableEmbeddedSkins="true"

Visible="true">

<TabTemplate>

<asp:Label ID="LabelTabName" runat="server" />

Tab

</TabTemplate>

</telerik:RadTabStrip>

</div>

<telerik:RadButton runat="server" ID="RadButtonAdd" Text="Add" OnClick="RadButtonAdd_Click"></telerik:RadButton>

<telerik:RadButton runat="server" ID="RadButtonClose" Text="close" OnClick="RadButtonClose_Click"></telerik:RadButton>

<asp:Label runat="server" ID="LabelCount" Text="Tab Count:"></asp:Label>

</form>

</body>

</html>

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Configuration;

using System.Web.Security;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButtonClose_Click(object sender, EventArgs e)

{

RadTabStripContent.Tabs.RemoveAt(RadTabStripContent.Tabs.Count -4);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

protected void RadButtonAdd_Click(object sender, EventArgs e)

{

RadTab tab = new RadTab();

tab.Text = "TAB "+ (RadTabStripContent.Tabs.Count + 1).ToString();

RadTabStripContent.Tabs.Add(tab);

LabelCount.Text = "Tab Count:" + RadTabStripContent.Tabs.Count;

}

TabStrip

answered on 12 Dec 2012