Questions on UI for ASP.NET AJAX Forum

1 answer

220 views

Disabling item in RadListBox - onClientTransferred not firing correctly?

Hello,

Hopefully, someone will be able to point me in the right direction - as I'm fairly new to using Telerik UI... (all actions below are client-side).

I have set up 2 listboxes with only "TransferFrom" and "TransferAllFrom" enabled on RadListBox1 and "Delete" on RadListBox2.
RadListBox1 "TransferMode" is set to COPY, so I have told it to disable any items in RadListBox1 if they are present in RadListBox2.

It works great, but a problem arises with onClientTansferred Event when you do the following:
1. Transfer All items in RadListBox1 to RadListBox2 (all items in RadListBox1 are now disabled with "set_enabled(false)")
2. Delete one of the items in RadListBox2 (the item is then removed from RadListBox2, and enabled again in RadListBox1 with "set_enabled(true)")
3. Click the "All to Right" button...

This wierdly, doesn't seem to fire the onClientTransferred or onClientTransferring Events? But will successfully copy the items over!
If you click the individual "Transfer From" button, it fires both Events OK. Dragging the item over also fires the Client Transfer events successfully.

In my limited experience with this - it would appear that by disabling one or more items in RadListBox1, causes issues with the onClientTransferred Event handler when trying to Transfer All items to the right.

If I get rid of any "disable" code (e.g. "set_enabled(false)" - it works a treat!

Any thoughts or ideas folks?

Cheers for any help/advice,

ListBox

answered on 14 Jul 2011

18 answers

696 views

How to print selected RadGrid row and add new link button in Command Item Template.

Hello Everyone,

I am using RadControls for ASP.NET AJAX Q2 2009 SP1 with Visual Studio 2008 SP1. I have a 2 level (Master/Detail) RadGrid. For my Project I am using the below Grid/Command Item Demo as a prototype.

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/commanditem/defaultcs.aspx

My question's are:

1) How do I add a new LinkButton in command item template to Print individual row like Edit selected from above Grid Demo?
2) I would like if I click that print button, it will print Master as well as all related Detail rows for that selected row.

Any example or help will be appreciated. Thanks

Grid

answered on 14 Jul 2011

4 answers

46 views

Page grows silently on hover over

HI,

I just started using the treeview and have found a strange behaviour:
This is the markup:

<telerik:RadTreeView ID="tvCategories" runat="server" Skin="Default" Width="200"

DataTextField="Title" DataFieldParentID="ParentId" DataFieldID="Id">

</telerik:RadTreeView>

This is the codebehind:

protected void Page_Load(object sender, EventArgs e)

{

tvCategories.DataSource = common.GetProductCategories();

tvCategories.DataBind();

}

Surely, nothing fancy stuff. However, when displayed on the page when I expand nodes more than 2 levels deep, the page starts growing every time I hover over any node. I can see the scrollbar growing, my footer goes waaaaay down, etc.

Any idea why?

thanks

v

TreeView

answered on 14 Jul 2011

3 answers

97 views

Rounded Corner Extender

Hi,
We have a panel with a rounded corner extender which displays fine.
Until we ad a RADAjaxManager then the border lines of the rounded extender do not display.
Anyone have any ideas???

Chris

Ajax

answered on 14 Jul 2011

4 answers

74 views

Yet another bug in RadTabStrip?

Still persisting in trying to get these tabs to work, building the tabstrip up after the page has loaded. Here's the latest issue:

If the TabString is in a container with restricted width, and ScrollChildren is set to "true", if tabs are added using tabList.insert() then the scrolling doesn't work properly.

Using IE8 but I don't think it's browser related - if you add tabs using the "add" function instead it works as expected.

Here's some code that demonstrates the problem:

<div style="background-color: #cccccc; width: 500px; height: 50px; border: 1px solid black;">

<telerik:radtabstrip id="rts2" runat="server" ScrollChildren="true">

<tabs>

<telerik:radtab text="First Tab" value="First Tab" />

</tabs>

</telerik:radtabstrip>

</div>

<input type="button" value="Insert Tab" onclick="onInsertTab()" />

<script type="text/javascript" language="javascript">

function onInsertTab() {

var tabStrip = $find('rts2');

var tab = new Telerik.Web.UI.RadTab();

tab.set_text("Inserted Tab");

var tabList = tabStrip.get_tabs();

// change the call below to "tabList.add(tab)" and it all works ok

tabList.insert(0, tab);

}

</script>

TabStrip

answered on 14 Jul 2011

2 answers

100 views

Bug in RadTabStrip delete() function

Here's another one...

I have a RadTabStrip with the ScrollChildren property set true, and enough initial items to cause the scroll bar to be visible.

If I now call the delete() function to remove a tab such that a scroll bar is no longer required, the scroll bar stays displayed. Worse still, if the bar were previously scrolled it stays scrolled so you can end up with an apparently empty tabstrip which actually still contains items but they are just scrolled out of view!

Here's a simple snippet that demonstrates this:

<div style="background-color: #cccccc; width: 500px; height: 50px; border: 1px solid black;">

<telerik:radtabstrip id="rts2" runat="server" ScrollChildren="true">

<tabs>

<telerik:radtab text="First Tab" value="Tab1" />

<telerik:radtab text="Second Tab" value="Tab2" />

<telerik:radtab text="Third Tab" value="Tab3" />

<telerik:radtab text="Fourth Tab" value="Tab4" />

<telerik:radtab text="Fifth Tab" value="Tab5" />

<telerik:radtab text="Sixth Tab" value="Tab6" />

</tabs>

</telerik:radtabstrip>

</div>

<input type="button" value="Remove Tab" onclick="onRemoveTab()" />

<script type="text/javascript" language="javascript">

function onRemoveTab() {

var tabStrip = $find('rts2');

var tab = tabStrip.get_tabs().getTab(0);

if (tab)

tabStrip.get_tabs().remove(tab);

}

TabStrip

answered on 14 Jul 2011

2 answers

58 views

Bug in RadTabStrip add() function

Every time I think I'm close to getting the tabstrip to work I find another bug! Here's the latest one...

Add a RadTabStrip to the page with the ScrollChildren property set true, and initialise it with enough items to ensure the scrollbar is visible.
Now append a new item to the bar using a client-side "add" function. It ignores the scroll bar setting and starts a new row of tabs instead.

Here's a simple code snippet that demonstrates this

<div style="background-color: #cccccc; width: 500px; height: 50px; border: 1px solid black;">

<telerik:radtabstrip id="rts2" runat="server" ScrollChildren="true">

<tabs>

<telerik:radtab text="First Tab" value="Tab1" />

<telerik:radtab text="Second Tab" value="Tab2" />

<telerik:radtab text="Third Tab" value="Tab3" />

<telerik:radtab text="Fourth Tab" value="Tab4" />

<telerik:radtab text="Fifth Tab" value="Tab5" />

<telerik:radtab text="Sixth Tab" value="Tab6" />

</tabs>

</telerik:radtabstrip>

</div>

<input type="button" value="Insert Tab" onclick="onInsertTab()" />

<script type="text/javascript" language="javascript">

function onInsertTab() {

var tabStrip = $find('rts2');

var tab = new Telerik.Web.UI.RadTab();

tab.set_text("Inserted Tab");

var tabList = tabStrip.get_tabs();

tabList.add(tab);

}

TabStrip

answered on 14 Jul 2011

1 answer

76 views

RadTabStrip Not showing properly in IE6

Hello, I am using RadControls for ASP.NET AJAX version 2009.3.1314.20
My Horizontal TabStrip works fine in IE 7, 8, FF & Chrome but in IE 6 the width of each tab seems to be Auto (100%) because the tabs stack vertically one above the other like they should for a vertical tabstrip. I inspected the CSS using IE Developer Tools and when I hover over the DIVs that hold each tab the highligh of the dv spans 100% of the container holding the tab control. I was hoping simply modifying the style to include a fixed width for the tabs and float them left would fix this but either that doesn't work or I am not overriding the appropriate styles. Here is what I have tried but this doesn't work

.RadTabStrip .rtsLI
{
   PADDING-RIGHT: 0px;
   PADDING-LEFT: 0px;
   PADDING-BOTTOM: 0px;
   MARGIN: 0px;
   OVERFLOW: hidden;
   PADDING-TOP: 0px;
   LIST-STYLE-TYPE: none;
   width:100px !important;
   float:left;
}

.RadTabStrip .rtsLink
{
   TEXT-ALIGN: center;
   width:100px !important;
}

Any suggestions on how I can fix this issue?

Thanks in advance
Cliff

TabStrip

answered on 14 Jul 2011

3 answers

144 views

Change Headertext programmatically

HI,
I am trying to set the HeaderText property of the columns in a RadTreeList, however, it doesn't seem to respond to the following command:

tlCategories.Columns[0].HeaderText = common.RM.GetString("ctName");

The column's header stays empty.
If I use the HeaderText attribute in the aspx file it displays it correctly.

I am back to a previous issue I encountered with a GridView. Are these related? Any way around it?

By the way: the localization example on your deom site doesn't work at all: it fails to display localized resources and when I click on the related files link it gives me a no access error...

Any pointers would be greatly appreciated!

TreeList

answered on 14 Jul 2011

1 answer

94 views

Field Widths on auto generated edit

--- Disregard.. I found that the code pasted here does work, but I was setting the event in the page_init

RadGrid2.ItemCreated += new GridItemEventHandler(RadGrid2_ItemCreated);

which for some reason doesn't work. Setting it on the aspx side:

OnItemCreated="RadGrid2_ItemCreated">

works..

Anyone know why defining the event in the code behind wouldn't work?

---

Hi,

Is there any way to change the widths of the textboxes that are created when you allow the grid to auto generate the edit template, without having to build a custom template?

Currently they all come out the same size, and half are too long and the other half are too short...

I tried code from a post with the same question, but it doesn't seem to do anything...

protected void RadGrid2_ItemCreated(object sender, GridItemEventArgs e)

{

if ((e.Item is GridEditableItem) && (e.Item.IsInEditMode))

{

GridEditableItem edititem = (GridEditableItem)e.Item;

TextBox txtbx = (TextBox)edititem["Donor_ID"].Controls[0];

txtbx.Width = Unit.Pixel(50);

}

Thanks,

Matt

Grid