Questions on UI for ASP.NET AJAX Forum

2 answers

103 views

not able to set focus on treeview, when treeview is inside radpanelbar, specific to IE

I am not able to set focus on the treeview when the page loads when the treeview is inside a radpanelbar. Following is the code for the same. I am not sure where I might be going wrong. Can you please guide me through.

<script language="javascript" type="text/javascript">
function OnPanelBarClientLoad(sender, args) {
var panelBar = $find("<%= NavigationPanelBar.ClientID %>");
var panelItem = panelBar.findItemByText("Browse");
var treeView = panelItem.findControl("archiveTree");
treeView._element.focus();
}
</script>
<telerik:RadPanelBar TabIndex="1" OnClientLoad="OnPanelBarClientLoad" ID="NavigationPanelBar" Style="overflow: auto" runat="server"
AccessKey="P" ExpandMode="MultipleExpandedItems" Skin="Metro" EnableEmbeddedSkins="false">
<ExpandAnimation Duration="0" />
<CollapseAnimation Duration="0" />
<Items>
<telerik:RadPanelItem TabIndex="2" Expanded="true" Text="Browse">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
<div>
<telerik:RadTreeView ID="archiveTree" TabIndex="3" runat="server">
<Nodes>
<telerik:RadTreeNode Text="First">
<Nodes>
<telerik:RadTreeNode Text="First First" />
</Nodes>
</telerik:RadTreeNode>
</Nodes>
</telerik:RadTreeView>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Expanded="true" TabIndex="4" Text="Browse">
<Items>
<telerik:RadPanelItem>
<ItemTemplate>
<div id="archivesPanel">
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>

TreeView

answered on 18 Apr 2012

4 answers

143 views

Custom Labels on chart

Hi,
I try set format label on percent type, but i dont hnow how.
DataSourse is in format
KEY VALUE
Jan Plecháč 2. pokus 0.65
Jan Plecháč 1. pokus 0.48

I need on image write 65% and don´t 0,65%

Thank you for respond and sorry for my english

Chart (Obsolete)

answered on 18 Apr 2012

1 answer

95 views

New column include a <asp:LinkButton> passing parameter

Hi all,

I want to create a new column include a <asp:LinkButton> and also I want to pass a parameter (Argument) .

Please let me know that how can I do that?

please email me on kassaiefarshad@yahoo.com

best regards,
Farshad

Grid

answered on 18 Apr 2012

1 answer

96 views

Treeview edit node issue in IE

Hello,

I am trying to add new sub node in treeview node from client-side and set that newly added node in edit mode, case is that the node is collapsed in which I want to add new node. For that I am 1st expand that collapsed node from client side and add new node in that expanded node from client side and set node in edit mode.

The issue i am facing is that other than IE browser all is working correctly, but in IE as it goes in edit mode, it does not remains in edit mode and it automatically leaves the edit mode. (tried in IE8, IE9).

Please can you guide me where I am going wrong?

The client side code I am using is as follows:

<asp:UpdatePanel ID="searchResultsUpdatePanel" runat="server" ChildrenAsTriggers="true"

RenderMode="Block" UpdateMode="Conditional">

<ContentTemplate>

<div>

<cc1:PRadTreeView ID="RadTreeView1" class="classCategoryTreeView" runat="server" OnNodeExpand="RadTreeView1_NodeExpand"

EnableDragAndDrop="True" OnNodeDrop="RadTreeView1_HandleDrop" EnableDragAndDropBetweenNodes="true"

OnNodeEdit="RadTreeView1_NodeEdit" CheckBoxes="True"

OnClientNodeEditStart="OnClientNodeEditStartHandler"

OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick" OnClientContextMenuItemClicking="onClientContextMenuItemClicking"

OnClientContextMenuShowing="onClientContextMenuShowing" OnClientNodeClicked="ClientNodeClicked" OnClientNodeEditing="ClientNodeEditing">

<ContextMenus>

<cc1:PRadTreeViewContextMenu ID="MainContextMenu" runat="server">

<Items>

<cc1:PRadMenuItem Value="New" Text="New">

</cc1:PRadMenuItem>

<cc1:PRadMenuItem Value="Rename" Text="Rename"

Enabled="false" PostBack="false">

</cc1:PRadMenuItem>

<cc1:PRadMenuItem Value="Delete" Text="Delete">

</cc1:PRadMenuItem>

</Items>

<CollapseAnimation Type="none" />

</cc1:PRadTreeViewContextMenu>

</ContextMenus>

</cc1:PRadTreeView>

</div>

</ContentTemplate>

</asp:UpdatePanel>

<asp:UpdateProgress ID="tagsUpdatePanelProgressControl" runat="server">

<ProgressTemplate>

</ProgressTemplate>

</asp:UpdateProgress>

function onClientContextMenuItemClicking(sender, args) {

try {

var menuItem = args.get_menuItem();

var treeNode = args.get_node();

menuItem.get_menu().hide();

var currTagID = treeNode.get_value();

switch (menuItem.get_value()) {

case "Rename":

break;

case "New":

args.set_cancel(true);

AddTempNode(false);

break;

case "Delete":

break;

}

} catch (e) {

alert(e.ToString());

}

function "AddTempNode" is called from onClientContextMenuItemClicking,

function AddTempNode(addToRoot) {

var projectID = document.getElementById('<%= hidProjectID.ClientID %>').value;

var treeView = $find("<%= RadTreeView1.ClientID %>");

var parentTagID = 0;

var node = null;

if (addToRoot) {

treeView.unselectAllNodes();

}

var nodes = treeView.get_selectedNodes();

if (nodes.length == 0) {

parentTagID = 0;

}

else {

for (var i = 0; i < nodes.length; i++) {

node = nodes[i];

}

parentTagID = node.get_value();

}

treeView.trackChanges();

if (node != null) {

node.expand();

}

treeView.commitChanges();

var newTagID = 0;

var newNode = CreateNewNode(projectID, newTagID, ' ', parentTagID);

if (addToRoot) {

newNode.set_cssClass("categoryControl_Root_Node");

}

AddNewlyCreatedNode(newNode, treeView);

newNode.startEdit();

return false;

}

function AddNewlyCreatedNode(node, treeView) {

treeView.trackChanges();

var nodes = treeView.get_selectedNodes();

if (nodes.length == 0) {

treeView.get_nodes().add(node);

}

else {

treeView.get_selectedNodes()[0].get_nodes().add(node);

}

treeView.commitChanges();

}

TreeView

answered on 18 Apr 2012

1 answer

143 views

Telerik References

Hey there,
i've using telerik only in code behind.
So i thought i could set the reference to Telerik.Web.Ui to CopyLocal = false

I have customized my own RadGrid with Telerik.
I also have a property with name columns and i get still the following error if i use my library for another project.

Parserfehler

Beschreibung: Fehler beim Verarbeiten einer Resource, die für diese Anforderung erforderlich ist. Überprüfen Sie folgende Fehlerinformationen und ändern Sie die Quelldatei entsprechend.

Parserfehlermeldung: Die Datei oder Assembly "Telerik.Web.UI, Version=2012.1.215.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" oder eine Abhängigkeit davon wurde nicht gefunden. Das System kann die angegebene Datei nicht finden.

Is it possible to set Telerik to CopyLocal = false or is there a programmatically restriction?

I also looked for all references in the library, but i didn't found some other usage of telerik.

Thanks,
Miriam

General Discussions

answered on 18 Apr 2012

4 answers

129 views

Text in combobox truncated

Text in combobox is truncated when we using IE8.
This problem happened since 2012.1 version until now.
I really wish to upgrade the telerik version to the latest version, but the IE8 compatibility is really poor.

ComboBox

answered on 18 Apr 2012

2 answers

115 views

Messed up RadNumericTextbox Display?

I am trying to set the text color of a Read-Only NumericTexbox - in the code below.

With my first CSS Class, the font color is not assigned. When I add "!important" in the second one, I end up seeing strange additional text that should not be visible.

Am I doing this wrong or is this a bug?

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Numeric_Bug.aspx.vb" Inherits="Elan.Web.Numeric_Bug" %>

<!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 id="Head1" runat="server">

<title></title>

<style type="text/css">

.disabledNumericTextbox

{

color: Red;

}

.disabledNumericTextboxBroken

{

color: Red !important;

}

</style>

</head>

<body>

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

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

<div style="padding: 50px; border: 1px solid #ccc">

<telerik:RadNumericTextBox runat="server" ID="RadNumericTextBox3" ReadOnly="true"

ReadOnlyStyle-CssClass="disabledNumericTextbox" NumberFormat-DecimalDigits="2"

Value="80000.85" Width="110" ReadOnlyStyle-HorizontalAlign="Right" />

<telerik:RadNumericTextBox runat="server" ID="RadNumericTextBox4" ReadOnly="true"

Value="80000.85" ReadOnlyStyle-CssClass="disabledNumericTextboxBroken" NumberFormat-DecimalDigits="2"

Width="110" ReadOnlyStyle-HorizontalAlign="Right" />

</div>

<telerik:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false"

ReloadOnShow="true" runat="server" EnableShadow="true" />

</form>

</body>

</html>

Input

answered on 18 Apr 2012

1 answer

163 views

Update DataSource

How do I update a datasource for a listbox via code by clicking on a button? Something like ListBox.DataSource.Update (), Listbox.ResetBind (), do not know ...

ListBox

answered on 18 Apr 2012

5 answers

505 views

input fields width is arbitrary set to 154px

in Telerik.Web.UI_2012_1_411_Dev input fields width is now arbitrary set to 154px:

.RadForm.rfdTextbox input[type="text"], .RadForm.rfdTextbox input[type="password"], .RadForm.rfdTextbox input[type="search"], .RadForm.rfdTextbox input[type="url"], .RadForm.rfdTextbox input[type="tel"], .RadForm.rfdTextbox input[type="email"] (ligne 1)

{

width: 154px;

padding-top: 2px;

padding-right: 2px;

padding-bottom: 3px;

padding-left: 2px;

height: auto;

line-height: normal;

}

Is there some good reason for that?
Thanks :-)

FormDecorator

answered on 18 Apr 2012

0 answers

120 views

RadDateTimePicker changing time Automatically when selecting date

Hi All,

I have a page designed with RadDateTimePicker. It works fine in all scenario except one.

If I select the date first , then date with default time is displayed in text box. ie ( 4/18/2012 12:00 PM)
after that when we explicitly change the time, only time value get changed to the selected time not the data also ie (4/18/2012 5:00 PM)
but again if I go back and change the date, date value is getting changed along with time value getting sett o default value.
For Ex:
If I changed the date 5/11/2012 then the value will display like this
5/11/2012 12:00 PM.
I don't want the time to be changed when we change the data.
Please help me in this regard.

Calendar

asked on 18 Apr 2012