Questions on UI for ASP.NET AJAX Forum

2 answers

145 views

I'm using the RadControls v2010.1.309.35

With the rad editor is there a way to persist custom colors so that when a user comes back their custom colors are retained? i'm fine with using a cookie approach if necessary so that the custom colors are user/browser specific.

Thanks!
-Mark

Editor

answered on 20 May 2010

2 answers

907 views

How to deselect the items in a ComboBox

Hi,

I am using RadControls for ASP.NET AJAX Q1 2010 SP1 in my current project.

Can you please tell me how to deselect the items in a ComboBox after it is initially loaded?

I tried to do it by setting SelectedIndex to -1 as follows but it didn't work.

                    protected void Page_Load(object sender, EventArgs e)         
            {         
                if (!IsPostBack)         
                {         
                    this.rcbCategory.DataSource = PublisherServer.Categories();         
                    this.rcbCategory.DataTextField = "Name";         
                    this.rcbCategory.DataBind();         
                    this.rcbCategory.SelectedIndex = -1;         
                }         
            }         

Regards,

Herman Gouw

ComboBox

answered on 20 May 2010

2 answers

122 views

[Solved] retreiving index from one rotator to assign to another

On the client side, I'm having trouble retreiving the index from one rotator to assign it to another. I'm clicking on a rotator item to load it in another rotator. I've tried a few things but have been unsuccessful so far. Here's what I've tried:

    
            function itemOnClick_handler(sender, args) {   
        
            $find('<%= ActiveSlide.ClientID %>').InitialItemIndex = args.get_item().get_index();   
        
            $find('<%= ActiveSlide.ClientID %>').InitialItemIndex = sender.CurrentItemIndex();   
        
            $find('<%= ActiveSlide.ClientID %>').InitialItemIndex = sender.get_item().get_index();   
        
            $find('<%= ActiveSlide.ClientID %>').InitialItemIndex = args.get_item().CurrentItemIndex();   
        
            }  
        
            Are any of the above close? Here's my rotator:  
        
            <telerik:RadRotator ID="ThumbRotator" runat="server" RotatorType="FromCode" Width="628" Height="118px" ItemHeight="118" ItemWidth="157" ScrollDuration="500" FrameDuration="3000" ScrollDirection="Left" PauseOnMouseOver="false"OnClientItemShowing
 
="itemShowing_handler" OnClientItemClicked="itemOnClick_handler"
>  

            <ItemTemplate>   
        
                <div class="itemTemplate">  
        
                    <asp:Label ID="hlnkThumbTitle" runat="server" Font-Names="Arial" Font-Size="XX-Small" Text='<%# DataBinder.Eval(Container.DataItem, "thumbTitle") %>'></asp:Label> 

                    <br /> 

                    <img src='<%# DataBinder.Eval(Container.DataItem, "thumbImage") %>' alt='<%# DataBinder.Eval(Container.DataItem, "thumbTitle") %>' class="RotatorImage" width="85px" height="60" />  
        
                </div>   
        
            </ItemTemplate>   
        
            <ControlButtons LeftButtonID="img_left" RightButtonID="img_right" />   
        
            <SlideShowAnimation Type="Fade"></SlideShowAnimation>   
        
            </telerik:RadRotator>

Rotator

answered on 20 May 2010

4 answers

171 views

[Solved] Blueprint CSS & ComboBox Display

Like other developers, I'm using the Blueprint CSS framework for layout and to unify CSS across browsers. I'm having an odd display issue where the text inside the combobox is offset vertically (looks like it is bottom aligned rather than middle aligned), and I'm seeing a grey box below it that is about five pixels tall.

For the vertical align issue, I'm guessing that the solution has something to do with overriding either the "RadComboBox" or "RadComboBox_{SkinName}" styles, but I can't seem to get it to work. I also tried to apply a vertical-align on "rcbInputCellLeft" and "rcbInputCellLeft input" to no avail.

For the grey box issue (I'm using the "Default" skin), I guess it means overriding the "RadComboBoxDropDown_{SkinName}" styles, but again, I've hit a wall.

Any suggestions?

ComboBox

answered on 20 May 2010

4 answers

257 views

Cannot get 'OnRowSelected' to fire with Select Button

I have a RadGrid with a GridButtonColumn containing a Select button, CommandName="Select". In the the RadGrid's <Client Events> I added 'OnRowSelected' = "myFunction()". I want to be able to click on the Select button and trigger the OnRowSelected event to use my Javascript function. But this is not working. Here is my code:

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
    function myFunction()
    {
      alert('testing');
    }
    </script>
    </telerik:RadCodeBlock>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1" GridLines="None">
    <HeaderContextMenu EnableAutoScroll="True">
    </HeaderContextMenu>
    <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
    <RowIndicatorColumn>
    <HeaderStyle Width="20px" />
    </RowIndicatorColumn>
    <ExpandCollapseColumn>
    <HeaderStyle Width="20px" />
    </ExpandCollapseColumn>
    <Columns>
    <telerik:GridButtonColumn CommandName="Select" Text="Select" UniqueName="column">
    </telerik:GridButtonColumn>
    </Columns>
    </MasterTableView>
    <ClientSettings Selecting-AllowRowSelect="true">
    <Selecting AllowRowSelect="true" />
   <ClientEvents OnRowSelected="myFunction" />
    </ClientSettings>
    </telerik:RadGrid>

Grid

answered on 20 May 2010

3 answers

97 views

[Solved] Select checked items when using load on demand

Hi, we have a load-on-demand TreeView with checkboxes. Is there a way to retrieve those nodes that have their checkboxes checked?

I've tried to use this code to retrieve them, but it only seems to return one item every time no matter how many nodes' checkboxes I check:

    
             var tree = $find('<%=rpbPanelBar.Items(0).Controls(0).FindControl("rtvTreeView").ClientID %>'); 
        
                     for (var k = 0; k <  tree.get_selectedNodes().length; k++) { 
        
                        var node = tree.get_selectedNodes()[k];   
        
                        var i = node.get_value(); 
        
                        alert(i);   
        
                     }

Thanks!

TreeView

answered on 20 May 2010

1 answer

263 views

Accessing ComboBox inside Filter Template

Based upon other conditions I need to change the value of a combobox inside a filter template on a grid. Since the combobox is treated as a on runtime control, I have no access to it on the code behind. How can I find the control and set the DataSourceID on the code behind? Below is the combobox definition.

    
             <telerik:GridBoundColumn DataField="Name" HeaderText="Applicant Name"> 
        
                                    <FilterTemplate> 
        
                                        <telerik:RadComboBox ID="ddlApplicantName" AppendDataBoundItems="true" Width='190px' 
        
                                            Skin='Office2007' MarkFirstMatch="true" AllowCustomText="true" runat="server" 
        
                                            DataSourceID="CurrentPostingOtherName" DataTextField="Name" DataValueField="Name" 
        
                                            OnClientSelectedIndexChanged="NameChange" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("Name").CurrentFilterValue %>'> 
        
                                            <Items> 
        
                                                <telerik:RadComboBoxItem Text="All" /> 
        
                                            </Items> 
        
                                        </telerik:RadComboBox> 
        
                                        <telerik:RadScriptBlock ID="RadScriptBlock4" runat="server"> 
        
                                            <script type="text/javascript"> 
        
                                                function NameChange(sender, args) { 
        
                                                    var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>"); 
        
                                                    tableView.filter("Name", args.get_item().get_value(), "EqualTo"); 
        
                                                } 
        
                                            </script> 
        
                                        </telerik:RadScriptBlock> 
        
                                    </FilterTemplate> 
        
                                </telerik:GridBoundColumn>

Grid

answered on 20 May 2010

1 answer

93 views

How to add textboxes and buttons to allow quick filtering of the content of the column in comboBox.

Hi All,
<telerik:RadComboBox ID="RadComboBoxProduct" runat="server" Height="200px" Width="200px"
                            DropDownWidth="298px" EmptyMessage="Choose a Product" HighlightTemplatedItems="true"
                            EnableLoadOnDemand="true" OnItemsRequested="RadComboBoxProduct_ItemsRequested">
                            <HeaderTemplate>
                                <table style="width: 275px" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td style="width: 177px;">
                                            Product Name</td>
                                        <td style="width: 60px;">
                                            Quantity</td>
                                        <td style="width: 40px;">
                                            Price</td>
                                    </tr>
                                </table>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <table style="width: 275px" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td style="width: 177px;">
                                            <%# DataBinder.Eval(Container, "Text")%>
                                        </td>
                                        <td style="width: 60px;">
                                            <%# DataBinder.Eval(Container, "Attributes['UnitsInStock']")%>
                                        </td>
                                        <td style="width: 40px;">
                                            <%# DataBinder.Eval(Container, "Attributes['UnitPrice']")%>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </telerik:RadComboBox>

This is the RadComboBox using header and item templates. Can I add textboxes and buttons to allow quick filtering of the content of the column.upon clicking the “apply filter” button, , this would likely involve an AJAX call to refresh the bound context table for the dropdown. It should look similar to the filters on the grid.

Regards

Ravi

mcamail2002@gmail.com

www.yourtechniche.com

ComboBox

answered on 20 May 2010

3 answers

114 views

[Solved] Change label item position

Hi
I need to add labels the X axis as shown in the figure. How?
(Above shows how the output; below as needed)

Chart (Obsolete)

answered on 20 May 2010

4 answers

119 views

Node Borders Scrolls with Editor

When I select an object, such as an image, it shows the nodes and borders. While selected, the nodes and borders scroll along with the editor. They are visible but the content of course isn't. See attachment.

Is there a fix to this or a way to not show the nodes and borders?

Editor

answered on 20 May 2010