Questions on UI for ASP.NET AJAX Forum

1 answer

177 views

[Solved] Multicolumn RadComboCox inside RadGrid hightlighted item autosize height problem

My problem is when i open up the radcombobox the items are all same height (18px), but the binded description value is many words and the height of the items should autosize, data doesn't get cut of but it's all plastered on top of eachother.
If i put a radcombobox with the same settings and bindings outside the grid it works perfectly and strangely also the radcombobox inside the grid suddenly works, could it be the datasource. It's a objectdatasource. If i let it remain where the radcombobox logic during design creation of the datasource puts it, the radcombox cannot find it upon entering edit mode. Therefore i have move it up before the radcombocbox.
If i view the html behind with IE Developer toolbar the <UL class=rcblist> tag shows up with height aprox. 5 * 18px, but when the control works the <UL class=rcblist> tag shows the height aprox 300 px.

EditItemTemplate>

<

asp:ObjectDataSource ID="ObjectDataSource1" runat="server"

SelectMethod="BeregningsKoder" TypeName="Beregningskoder">

</asp:ObjectDataSource>

<telerik:RadComboBox ID="RadComboBox3" Runat="server" DataSourceID="ObjectDataSource1"

DataTextField="Identifier" DataValueField="Identifier" DropDownWidth="305px"

EnableLoadOnDemand="true"

Font-Bold="False" Height="200px" HighlightTemplatedItems="True" MarkFirstMatch="True" Skin="Office2007">

<tr>

<td style="width:250px;">Beskrivelse</td>

</tr>

</table>

</HeaderTemplate>

<tr>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

</EditItemTemplate>

ComboBox

answered on 02 Feb 2009

1 answer

117 views

Scrolling height problem in grid

Hi

Could anybody give an example for scrolling height .
In my application i m using scrolling =true for radgrid by default it's gives 350px .
i checked with telerik demos , said by default scrolling property allows 350px .but i don't want that height because my radgrid height is so small like 200px.

Thanxs in advance .

Grid

answered on 02 Feb 2009

1 answer

103 views

Days Vertically and time Horizontally

Hi,

I have a requriement where I need to change the Style of the Scheduler to have the Days Vertically and Time Horizontally. Has any one ever tried it or is it possible with this control.

Thanks
Amendra

Scheduler

answered on 02 Feb 2009

3 answers

218 views

Radsplitter: javascript when one of the pane is collapsed and content is rendered through url

I have a splitter with two panes: left and right. I set the contentURL for both the panes using a Javascript. When one of the Pane is collapsed, I get a javascript error "invalid arguments"  when my reports are rendering.

<telerik:RadSplitter id="RadSplitter1" runat="server" width="100%" height="800" Orientation="Vertical" >

            <telerik:RadPane id="LeftPanel" runat="server"> </telerik:RadPane>

            <telerik:RadSplitBar id="RadSplitBar1" runat="server" collapsemode="Both"></telerik:RadSplitBar>

            <telerik:RadPane id="RightPanel" runat="server"></telerik:RadPane>

</telerik:RadSplitter>

function renderReport(url1,url2) {
            var splitter = $find("<%= RadSplitter1.ClientID %>");
            var vLeftPanel = splitter.getPaneById("LeftPanel");
            var vRightPanel = splitter.getPaneById("RightPanel");

            vLeftPanel.set_contentUrl(url1);
            vRightPanel.set_contentUrl(url2);
}

when I debug, I see that the error is thrown at Rad build-in function, pps_tree_updateLabel: function()

at the below line:
this.ppstreeLabelTextElement.style.width = this.ppstreeLabelTextElement.parentElement.offsetWidth - this.ppstreeDropDownImage.currentStyle.width.replace("px", "");

Below is the complete function:

pps_tree_updateLabel: function()
{
  var s = "";
     var collection = this.ppstreeTreeElement.getElementsByTagName("input");
     for (var i=0; i < collection.length; ++i)
     {
         var el = collection[i];
         if ((el.checked == true) && (el.className != "pps-tree-selector"))
         {
    var eparent = el.parentElement;
    s = s + eparent.innerText + this.ppstreeSeparatorCharacter + " ";
         }
     }
     this.ppstreeLabelTextElement.style.width = 0;
  this.ppstreeLabelTextElement.innerText = s.substring(0,s.length-2);
  this.ppstreeLabelTextElement.title = this.ppstreeLabelTextElement.innerText;
  if (this.ppstreeLabelTextElement.scrollWidth > this.ppstreeLabelTextElement.parentElement.offsetWidth - this.ppstreeDropDownImage.currentStyle.width.replace("px", ""))
  {
   this.ppstreeLabelTextElement.style.width = this.ppstreeLabelTextElement.parentElement.offsetWidth - this.ppstreeDropDownImage.currentStyle.width.replace("px", "");
  }
  else
  {
   this.ppstreeLabelTextElement.style.width = this.ppstreeLabelTextElement.scrollWidth;
  }
},

The problem is only when one of the pane is collapsed.

Can someone please help me to get rid of this errro?

Splitter

answered on 02 Feb 2009

1 answer

148 views

DocumentManager

Hi,

1) Is there a way to configure the document manager so that when I select a file it will let me specify the text of the link as well? This would prevent me from selecting the link and going to the link manager and changing it from there.
2) What's the easiest way (for the client / user) to insert an image and have that image link to a document that would normally show up in the document manager. So the HTML would look like <a href="the doc..."><img ... /></a>

Thanks.

Editor

answered on 02 Feb 2009

1 answer

118 views

Spellcheck popup

Hi

We have noticed that when using the spellcheck the popup is displayed over the bottom few pixels of the offending word. Is there a way to configure the offset?

Also when the offending word is near the bottom of the text window, the popup covers the whole word. Again is there a way to either scroll the text into view, or make the popup more clever with regards to it's positioning.

Thanks
David

Editor

answered on 02 Feb 2009

1 answer

439 views

Changing text color when a parent contains selected children

I have a two-level treeview with SingleExpandPath = true and CheckBoxes = true. It is bound to a database. I have used the scripts found on the Telerik site so that it will check all chidren when a parent is checked and unchecks a parent when any child is unchecked.

When I load the treeview, I change the color of the parent if there are any child nodes checked. This gives the user a quick visual that one or more of the child nodes for that particular parent are selected even if the parent is not. My next step was to use the ClientNodeChecked event to walk through the checked nodes using treeview.get_checkedNodes and modifying the node.get_textElement().style.color for the parent or self. My problem is when a node is unchecked.

What I am looking for is 2-part:
1. A quick way to set any parents to a default color, then;
2. A quick way to set the color for all parents of a node

I am trying to avoid trying to walk through every single node when a user checks / unchecks a box. I'm hoping that there is an easy way - which I haven't found - to find out that a node has child nodes.

Thanks in advance for your help!
Steve

TreeView

answered on 02 Feb 2009

1 answer

131 views

Expand All items in Grid when External Button Clicked

Hi

I am trying to expand all child items in Radgrid when an external button is clicked.I have 3 levels

I am using Needdatasource for showing Parent items.When i click on Expand i want 2 levels to popup.
Next when an external button is clicked i want to show all levels /items in radgrid

To show 2 levels (child items) i am using

DetailTableDataBind.

Itried using HierarchydefaultExpanded ="true but it just expands parents and first level not the second level

So please can some one help me with this issue.

thanks
Kavya

Grid

answered on 02 Feb 2009

4 answers

216 views

RadContextMenu

Hi,

I'm using the RadContextMenu together with the Microsoft GridView control. Depending on the current row, the menu displayed will be different. So I have implemented a Web Service method and a callback method looping through the items on the client (using JavaScript) hiding items that will be invisible.

Sometimes a menu item will have sub menu items displayed. This works fine until I remove this item's children (ctxParentToClear.get_items().clear();) Then the arrow indicating the menu item has sub menu items is still there. How can I get rid of the arrow indicating sub items without reloading the whle menu?

For this to happen I have to add children in one call and clear the children in the next call.

Thanks

Janni

Menu

answered on 02 Feb 2009

1 answer

98 views

Rebind() in OnInit() breaks UpdateCommand

I need to update a grid during page initialization rather than later in OnLoad(). I'm calling Rebind() in OnInit() in order to cause NeedDataSource() to fire so that I can set the DataSource to what I need. Everything works except the UpdateCommand event. I can load items into the grid, click on an Edit button, and get the edit form to show up, but clicking Update doesn't fire UpdateCommand or ItemCommand.

Is there a simple workaround?

Grid

answered on 02 Feb 2009