Questions on UI for ASP.NET AJAX Forum

1 answer

106 views

RAD controls

Hi all,
I have downloaded RadControls_for_ASP.NET_AJAX_2009_3_1208_dev version and I have installed that and it worked fine but i noticed that RADcontrols are getting disappeared and I have added explicitly from choose toolbox items.When I have opened new instance toolbox doesn't show any of the RADcontrol why is it happening.Any help would be appreciated.

thanks
Ratan

General Discussions

answered on 10 Dec 2009

2 answers

85 views

2009 Q2 AJAX RadPanelBar - Cannot collapse with databinding & template

Using 2009 Q2 AJAX RadPanelBar, the panel bar from following code cannot collapse or expand. I have read the article about putting the actual content into the child node and I did. It seems like the HTML code rendered is exactly the same as the demo code's HTML structure, with the only difference is the rendered code is missing the "rpExpandable" in the CSS class attribute of the link element within the li element.

Please help. Thanks.

aspx Code:

    
                                    <telerik:RadPanelBar ID="rpOrderTree" runat="server" ExpandMode="MultipleExpandedItems" DataSourceID="ObjectDataSource1" DataTextField="branch_short_desc" DataValueField="branch_code" Width="800" DataFieldID="branch_code" AllowCollapseAllItems="True" AppendDataBoundItems="True" CausesValidation="True" EnableEmbeddedSkins="False" EnableTheming="False" EnableViewState="False" RegisterWithScriptManager="True">                             
        
                                        <ItemTemplate> 
        
                                            <items> 
        
                                                <telerik:RadPanelItem text=""> 
        
                                                    <itemtemplate> 
        
                                                        <asp:RadioButtonList ID="rblOptions" runat="server" AutoPostBack="true" OnTextChanged="OptionsCommand" DataSource='<%# CreateDataSourceOptions(DataBinder.Eval(Container.DataItem, "product_code"), DataBinder.Eval(Container.DataItem, "branch_code")) %>' DataTextField="leaf_desc" DataValueField="leaf_code" Font-Size="Medium" RepeatDirection="Vertical" RepeatLayout="Flow"></asp:RadioButtonList>                                         
        
                                                    </itemtemplate> 
        
                                                </telerik:RadPanelItem> 
        
                                            </items> 
        
                                        </ItemTemplate> 
        
                                    </telerik:RadPanelBar>

Rendered HTML by above RadPanelBar

    
            <div id="rpOrderTree" class="RadPanelBar RadPanelBar_Default " style="width:800px;"> 
        
                <ul class="rpRootGroup"> 
        
                    <li class="rpItem rpFirst"><a href="#" class="rpLink"><span class="rpOut"><span class="rpText">Series</span></span></a><div class="rpTemplate"> 
        
                                            <items> 
        
                                                <telerik:RadPanelItem text=""> 
        
                                                    <itemtemplate> 
        
                                                        <span id="rpOrderTree_i0_rblOptions" style="font-size:Medium;font-size: 80%;"><input id="rpOrderTree_i0_rblOptions_0" type="radio" name="rpOrderTree$i0$rblOptions" value="" onclick="javascript:setTimeout('__doPostBack(\'rpOrderTree$i0$rblOptions$0\',\'\')', 0)" /><label for="rpOrderTree_i0_rblOptions_0">Unspecified</label><br /><input id="rpOrderTree_i0_rblOptions_1" type="radio" name="rpOrderTree$i0$rblOptions" value="AAA" onclick="javascript:setTimeout('__doPostBack(\'rpOrderTree$i0$rblOptions$1\',\'\')', 0)" /><label for="rpOrderTree_i0_rblOptions_1">AAA</label><br /><input id="rpOrderTree_i0_rblOptions_2" type="radio" name="rpOrderTree$i0$rblOptions" value="BBB" onclick="javascript:setTimeout('__doPostBack(\'rpOrderTree$i0$rblOptions$2\',\'\')', 0)" /><label for="rpOrderTree_i0_rblOptions_2">BBB</label></span>                                         
        
                                                    </itemtemplate> 
        
                                                </telerik:RadPanelItem> 
        
                                            </items> 
        
                    </div></li>

HTML rendered by AJAX RadPanelBar DEMO with ItemTemplate - Note the rpExpandable in class of the <a ...> element.

    
            <div id="RadPanelBar1" class="RadPanelBar RadPanelBar_Default " style="height:280px;width:750px;"> 
        
                <!-- 2009.2.701.35 --><ul class="rpRootGroup"> 
        
                    <li class="rpItem rpFirst"><a href="#" class="rpLink rpExpandable"><span class="rpOut"><span class="rpText">Customer testmonials</span></span></a><div class="rpSlide"> 
        
                        <ul class="rpGroup rpLevel1 "> 
        
                            <li class="rpItem rpFirst rpLast"><div class="rpTemplate"> 
        
                                                            <div>11111</div> 
        
                            </div></li> 
        
                        </ul> 
        
                    </div></li><li class="rpItem rpLast"><a href="#" class="rpLink rpExpandable"><span class="rpOut"><span class="rpText">How to find us</span></span></a><div class="rpSlide"> 
        
                        <ul class="rpGroup rpLevel1 "> 
        
                            <li class="rpItem rpFirst rpLast"><div class="rpTemplate"> 
        
                                                            <div>22222</div> 
        
                            </div></li> 
        
                        </ul> 
        
                    </div></li> 
        
                </ul>

PanelBar

answered on 10 Dec 2009

1 answer

117 views

Manually Load Data Combobox with Templates

I need to use a code like this:
Combobox with templates

But how can i populate it manually with data?

    
                                    <telerik:RadComboBox ID="cmbVobo" runat="server"   
        
                                        EmptyMessage="-- All --" HighlightTemplatedItems="true" 
        
                                         AllowCustomText="true" Width="80px"  OnClientDropDownClosed="onDropDownClosingV"> 
        
                                        <ItemTemplate> 
        
                                            <div onclick="StopPropagation(event)" class="combo-item-template"> 
        
                                                <asp:CheckBox runat="server" ID="chk1" onclick="onCheckBoxClickU(this)" Checked="true"/> 
        
                                                <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1"> 
        
                                                    <%# Eval("Text")%> 
        
                                                </asp:Label> 
        
                                            </div> 
        
                                        </ItemTemplate> 
        
                                        <Items> 
        
                                            <telerik:RadComboBoxItem Text="No" Value="0" /> 
        
                                            <telerik:RadComboBoxItem Text="Yes" Value="1" /> 
        
                                        </Items> 
        
                                    </telerik:RadComboBox>

ComboBox

answered on 10 Dec 2009

1 answer

258 views

Canceling row selection?

What is the proper way to cancel selection of a row in RadGrid on a client side?

I try to use

ClientEvents-OnRowSelecting="cancel"

and in cancel function I call

eventArgs.set_cancel(

true);

This cancels selection, but row which was peviously selected remains not highlighted.

How can I highlight previously selected row back?

hanks,
Konstantin.

Grid

answered on 10 Dec 2009

1 answer

79 views

LinkManagerControl with dropdown

In my older version of the editor, I had a dropdown with internal websitelinks on the LinkManager. It inherited from LinkManagerControl. Has this been replaced in the new version ? If yes, what must I do to get this working again. I've been unable to find a relevant code sample.

Regards, Hans

Editor

answered on 10 Dec 2009

2 answers

105 views

Advanced form won't show if using dates

Hi!
In our advanced form, we have a couple of custom DateTimePickers.
When the date is affected, it'll select the right month/day/year/hour/minute from its DropDown controls...

This is where it gets weird...
When binding the Start and End date, if the DateTimePickers are affected with the date passed in the value, no advanced form will show up (ie: you can click on the appointement like mad, nothing will happen)
If I comment the set property of the Start and End date (thus not affecting the DateTimePickers), the advanced form will show up (but will empty drop downs for the DateTimePickers)...

Nothing crashes, no error is shown or logged... just prevents you from doing anything.

Am I to understand you can't affect controls in the advanced form? O.o

Scheduler

answered on 10 Dec 2009

1 answer

114 views

Image Manager - How to resolve directory and focus on subfoder's image

Hi,

I've been customizing image manager in Rad Editor. I wonder if there is any way to set focus on subfolder's file when we load image manger dialog (I mean the cursor points directly to one predefined image on the first time image manager dialog is loaded) ?

For a more specific usecase: First, I insert an image in the editing area. Then, how could I set focus on that image when I open image manager dialog so that I can preview the image right away? That can be very helpful to me since my folder contains thousand of images and subfolders as well.

Some one give me a hand, please. Thanks in advance.

Hoang

Editor

answered on 10 Dec 2009

3 answers

81 views

Image manager not working on Mac Firefox 3.5

Even when I go to the telerik demo page for the editor, trying to open the image manager gives me a window with the loading icon on it that never opens to the image manager.

This is happening in our project too, and seemed to be fine on previous version of FF on the mac, and works fine on a PC.

Editor

answered on 10 Dec 2009

1 answer

74 views

'Browser back' and filters disappears in grid

Hello,
I have created dynamically grid (with filters) and in one columns there is a link that redirect users to other page...
After the redirect when I press Backspace and I back to my grid and I loses filters and default data is shown.

Is there any solution for the problem?

Best regards,
Marcin

Grid

answered on 10 Dec 2009

2 answers

363 views

[Solved] How to Hide GridButtonColumn Button on Client Side?

In this example, I have a RadGrid that has a:

1) GridButtonColumn - Image Button
2) GridTemplateColumn - RadTextbox

There is only 1 row in the grid. When the user types something in the textbox then tabs out, I want client side script to hide the image button for that row only. If there was more than one row, each row would be handled on a row by row interactive basis. So in the RadGrid1_PreRender() event, I hook the "onblur" event to a js function where I pass in the index of that row.

In JS, I've got the row and can check the value of the textbox, but I'm struggling getting a reference to the image button for hiding, so this is where I need the help. Once again, I want to accomplish the hiding of the image button in client side script.

Here is the code:

aspx

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="HideGridButtonColumnInJS.aspx.vb" Inherits="HideGridButtonColumnInJS" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    </telerik:RadScriptManager> 
        
                    <div> 
        
                        <telerik:RadGrid ID="RadGrid1" runat="server">  
        
                            <MasterTableView> 
        
                                <Columns> 
        
                                    <telerik:GridButtonColumn UniqueName="colImg" ButtonType="ImageButton" ImageUrl="FlagYellow.gif" HeaderText="Image"></telerik:GridButtonColumn> 
        
                                    <telerik:GridTemplateColumn UniqueName="colTxt" HeaderText="Textbox">  
        
                                        <ItemTemplate> 
        
                                            <telerik:RadTextBox ID="txt" runat="server">  
        
                                            </telerik:RadTextBox> 
        
                                        </ItemTemplate> 
        
                                    </telerik:GridTemplateColumn> 
        
                                    <telerik:GridBoundColumn DataField="Field1" HeaderText="Field 1"></telerik:GridBoundColumn> 
        
                                </Columns> 
        
                            </MasterTableView> 
        
                        </telerik:RadGrid>         
        
                    </div> 
        
                    <telerik:RadCodeBlock runat="server" ID="rcb">  
        
                         <script type="text/javascript">  
        
                             function hideImage(index) {  
        
                                var grid = $find("<%= Me.RadGrid1.ClientID %>");  
        
                                var item = grid.get_masterTableView().get_dataItems()[index];  
        
                                var txt = item.findControl("txt");  
        
                                if (txt.get_value() != '') {  
        
                                    alert('Hide image button here.');  
        
                                }  
        
                            }  
        
                        </script> 
        
                    </telerik:RadCodeBlock> 
        
                </form> 
        
            </body> 
        
            </html>

VB

    
            Imports Telerik.Web.UI  
        
            Imports System.Data  
        
            Partial Class HideGridButtonColumnInJS  
        
                Inherits System.Web.UI.Page  
        
                Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource  
        
                    Dim dt As New DataTable  
        
                    Dim col As New DataColumn  
        
                    col.ColumnName = "Field1" 
        
                    dt.Columns.Add(col)  
        
                    Dim r As DataRow = dt.NewRow  
        
                    r(0) = "Data" 
        
                    dt.Rows.Add(r)  
        
                    Me.RadGrid1.DataSource = dt  
        
                End Sub 
        
                Protected Sub RadGrid1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadGrid1.PreRender  
        
                    For Each item As GridDataItem In Me.RadGrid1.MasterTableView.Items  
        
                        CType(item("colTxt").Controls(1), RadTextBox).Attributes.Add("onblur", "hideImage('" & item.ItemIndex.ToString & "');")  
        
                    Next 
        
                End Sub 
        
            End Class

Grid

answered on 10 Dec 2009