Questions on UI for ASP.NET AJAX Forum

1 answer

90 views

Conditionally Bound ComboBox and Exceptions

How do I handle this scenario.

I have a "Status" table which assigned StatusIDs to another table.

In my Edit form I have the Status ComboBox filtered to only show a few of those items. So 10% of my items are items NOT in this list...so when the edit form loads I get a YSOD because the items its trying to Two-way bind with isn't in the combo.

How should I handle this scenario?

ComboBox

answered on 12 Jan 2012

2 answers

276 views

Combo Box background is displayed Transparent

Hi,

I am getting very strange issue in the Rad ComboBox. When my Combo box opens, The Items are not visible properly as the background of the combobox is getting transparent.
This issue is only reproduced in IE. It works fine in Mozilla and Fire Fox.

How can this issue be resolved.

Thanks in advance
Vaishnav

ComboBox

answered on 12 Jan 2012

5 answers

368 views

[Solved] Listbox with templates - transfer items issue

Hi All,
I am trying to display items in one source RadListBox and transfer to destination RadListBox.
Here is my code

    
            ...  
        
            <tr> 
        
                        <td> 
        
                             <asp:Label ID="Label3" runat="server" Text="Search items :"></asp:Label>&nbsp;&nbsp;&nbsp;<asp:TextBox ID="txtSearch" runat="server" onkeyup="highlightItems();"></asp:TextBox>                           
        
                             <telerik:RadListBox ID="rlbSource" runat="server" AllowTransfer="true" CssClass="listBoxText" 
        
                                Height="200px" SelectionMode="Multiple" TransferToID="rlbDestination" Width="450px" AllowTransferOnDoubleClick="true">  
        
                                <ButtonSettings ShowTransferAll="false" VerticalAlign="Middle"/>  
        
                                <ItemTemplate> 
        
                                    <asp:Label ID="Label4" runat="server" Text='<%#  DataBinder.Eval(Container.DataItem, "SYSTEM_DESCRIPTION") %>' SkinID="valuetext"></asp:Label> 
        
                                    <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="Label4" RelativeTo="Element" 
        
                                        Position="BottomCenter" RenderInPageRoot="true" Width="300" CssClass="listBoxText">  
        
                                        <b>System Particulars :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "SYSTEM_PARTICULARS")%> 
        
                                        <br /><b>Maker :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "MAKER")%> 
        
                                        <br /><b>City :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "CITY")%> 
        
                                        <br /><b>Country :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "COUNTRY")%> 
        
                                    </telerik:RadToolTip> 
        
                                </ItemTemplate>                                       
        
                            </telerik:RadListBox> 
        
                        </td> 
        
                        <td> 
        
                            <telerik:RadListBox runat="server" ID="rlbDestination" Height="200px" Width="450px"    
        
                                 CssClass="listBoxText" AllowDelete="True" SelectionMode="Multiple">   
        
                                 <ItemTemplate> 
        
                                    <asp:Label ID="Label4" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "SYSTEM_DESCRIPTION") %>' SkinID="valuetext"></asp:Label> 
        
                                    <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="Label4" RelativeTo="Element" 
        
                                        Position="BottomCenter" RenderInPageRoot="true" Width="300" CssClass="listBoxText">  
        
                                        <b>System Particulars :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "SYSTEM_PARTICULARS")%> 
        
                                        <br /><b>Maker :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "MAKER")%> 
        
                                        <br /><b>City :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "CITY")%> 
        
                                        <br /><b>Country :</b><br /> 
        
                                        <%# DataBinder.Eval(Container.DataItem, "COUNTRY")%> 
        
                                    </telerik:RadToolTip> 
        
                                </ItemTemplate>                                               
        
                            </telerik:RadListBox> 
        
                        </td> 
        
                    </tr>   
        
            ...

and in the page_load event I am doing this

    
                   if (!Page.IsPostBack)  
        
                    {  
        
                        rlbSource.TransferMode = ListBoxTransferMode.Copy;  
        
                        rlbDestination.DataBind();  
        
                        rlbDestination.EmptyMessage = "No items added";  
        
                    }

    
            rlbSource.DataSource =  //call the function that returns a datatable.         
        
            rlbSource.DataValueField = "SYSTEM_CODE";  
        
            rlbSource.DataTextField = "SYSTEM_DESCRIPTION";          
        
            rlbSource.DataBind();

I have 3 problems here
1. Where I transfer the items from source to destination in the destination listbox the tooltip is not appearing.
2. The delete button in destination listbox is is always disabled
3. For some items in the destination the tooltip content is also displayed in the item text.

Please help to resolve these issues. Thanks in advance.

ListBox

answered on 12 Jan 2012

2 answers

106 views

TreeView strange indentation

Hi, i'm getting a strange effect when populating a treeview - the entries seem to be indented by 3 or 4 items more than they should be. Exampe is in the image attached. I can provide code as required.

Edit: problem solved, this can be closed

TreeView

answered on 12 Jan 2012

4 answers

147 views

Can I Sort level 2 differently ?

Hi

The documentation shows the treelist sorted by "Name" ASC on all levels
http://www.telerik.com/help/aspnet-ajax/treelist-basic-sorting.html

How do I sort level 2 by "Name" DESC ?

Lars Johansen

TreeList

answered on 12 Jan 2012

3 answers

146 views

how to get editor object in java script

Hi, i am new to rad editor.

i want to get the editor content in java script on button click.

So i am using the following code.

' var editor = $find("<%#radEditor.ClientID%>"); //get a reference to RadEditor client object

        var editorContent = editor.get_html();

'

i am using with master page.

so i try to get editor like document.getElementById('ct100_cpEditor_radEditor')
but i cant use the get_html() method with this id.
and document.getElementById('radeditor')-this return null.

how to get the editor object in java script?

Thanks,
Uma

Editor

answered on 12 Jan 2012

0 answers

82 views

Weird Problem...

Hi Team,

I have the following design (attached screenshot) in my web application.

Controls at leftside zones are usercontrols. what my need is, when I click any controls at leftside its getting loaded at the rightside.

I want to prevent it. I want allow users only to drag and drop from left side to right side.

Pls. help me.

<asp:Table runat="server">

<asp:TableRow>

<asp:TableCell>

<IKEA:RadDockLayoutNew runat="server" ID="uxLeftDockLayout1" EnableViewState="false">

<IKEA:RadDockZoneNew runat="server" Width="100" Orientation="Horizontal" FitDocks="True"

ID="uxLeftDockZone1" CssClass="leftDockZone">

<IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockSingleLineText"

DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddSingleLineText" ImageUrl="Images/SingleLineText.png" />

</ContentTemplate>

</IKEA:RadDockNew>

<IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockMultiLineText"

DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddMultiLineText" ImageUrl="Images/MultiLineText.png" />

</ContentTemplate>

</IKEA:RadDockNew>

<IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockCheckboxes"

DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddCheckboxes" ImageUrl="Images/Checkboxes.png" />

</ContentTemplate>

</IKEA:RadDockNew>

<IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockMultipleChoice"

DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddMultipleChoice" ImageUrl="Images/Choices.png" />

</ContentTemplate>

</IKEA:RadDockNew>

<IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone2" AutoPostBack="false"

BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockFileUpload"

DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddFileUpload" ImageUrl="Images/FileUpload.png" />

</ContentTemplate>

</IKEA:RadDockNew>

</IKEA:RadDockZoneNew>

</IKEA:RadDockLayoutNew>

</asp:TableCell>

<asp:TableCell>

<IKEA:RadDockLayoutNew runat="server" ID="uxLeftDockLayout2">

<IKEA:RadDockZoneNew runat="server" ForbiddenZones="uxLeftDockZone1" Orientation="Horizontal"

FitDocks="True" ID="uxLeftDockZone2" EnableViewState="false" CssClass="leftDockZone">

<IKEA:RadDockNew runat="server" AutoPostBack="false" BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize"

ID="uxDockDropDown" DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddDropDown" ImageUrl="Images/DropDown.png" />

</ContentTemplate>

</IKEA:RadDockNew>

<IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone1" AutoPostBack="false"

BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockMatrix"

DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddMatrix" ImageUrl="Images/Matrix.png" />

</ContentTemplate>

</IKEA:RadDockNew>

<IKEA:RadDockNew runat="server" ForbiddenZones="uxLeftDockZone1" AutoPostBack="false"

BackColor="Transparent" OnClientInitialize="LeftDocksOnClientInitialize" ID="uxDockSectionBreak"

DockHandle="None" OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd"

OnClientDockPositionChanged="OnDockDropped" EnableAnimation="False">

<asp:Image runat="server" ID="uxAddSectionBreak" ImageUrl="Images/SectionBreak.png" />

</ContentTemplate>

</IKEA:RadDockNew>

</IKEA:RadDockZoneNew>

</IKEA:RadDockLayoutNew>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

//Thanks

General Discussions

asked on 12 Jan 2012

5 answers

152 views

Error Invoking 'Configure Ajax Manager'

Hi ,

While configuring AJAX Manager , I selected the RadGrid1 as the Initiate for AJAX Request and the control for Update i selected the same Rad Grid 1 .

Get an error saying " Error Invoking 'Configure Ajax Manager' Details : Exception has been thrown by the target of an invocation "

Unable to find the solution , kindly suggest me.

Thanks in advance!

Ajax

answered on 12 Jan 2012

1 answer

123 views

Rad menu highlight

How to highlight rad menu,

I was able to highlight only main menu or sub menu. but i want to highlight both main and sub menu. some time my sub menu has that own sub menu. durring that time i want to highlight all the 3 main sub and sub menus, sub menu i want to highlight. any one can help me in this.

Menu

answered on 12 Jan 2012

3 answers

522 views

How To rename Column in Grid where AutoGenerateColumns=True

HI,
I have a grid that serves multi purpose. The data pass to the grid is dynamic. And hence i set AutoGenerateColumns="True"
I need to change the column header text to different different text in different situation based on column index.
All the resources found online manage to change the header text of a particular column based on column Unique name.

Does anyone has idea on this?
Help Please!!

Grid

answered on 12 Jan 2012