Questions on UI for ASP.NET AJAX Forum

1 answer

104 views

RadDatePicker cosmetic problems when additional jQuery used

I have a RadDatePicker I am using on a child page. The master page includes a jQuery.js file - which wreaks havoc on how many RadControls work and appears to disregard any skin set for the RadDatePicker.

    
            <script type="text/javascript" src="/js/jquery132.js"></script>

Commenting out the jQuery.js line fixes the RadControls problem, but then I can't use additional jQuery, I get a javascript error that basically tells me that $ is undefined.

From other articles/posts it would appear that the $ is invalid as far as the RadControls are concerned, as it uses a different variable to avoid conflicts. It appears to be conflicting for me though. Any ideas?

I have my RadScriptManager set up as follows:

    
            <telerik:RadScriptManager runat="server" ID="RadScriptManager1" > 
        
                <Scripts> 
        
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                </Scripts> 
        
            </telerik:RadScriptManager>

I have tried the $ assignment as follows, to no avail:

    
            <script type="text/javascript"> 
        
            window.$ = $telerik.$; 
        
            </script>

Calendar

answered on 28 Sep 2009

8 answers

124 views

Trouble with validating through a webservice on the blur event

    
                <telerik:RadInputManager ID="RadInputManager1" runat="server">   
        
                   <telerik:TextBoxSetting BehaviorID="TextBoxBehavior1" ErrorMessage="BAD!">  
        
                        <Validation   
        
                            Location="/Services/Membership.svc"   
        
                            ValidateOnEvent="All" 
        
                            Method="ValidNewUsername" 
        
                         /> 
        
                        <TargetControls> 
        
                            <telerik:TargetInput ControlID="TextBox1" /> 
        
                        </TargetControls>       
        
                        <ClientEvents OnValidating="onValidating" />     
        
                    </telerik:TextBoxSetting>     
        
                </telerik:RadInputManager>      
        
                <script type="text/javascript">  
        
                    function onValidating(sender, args) {  
        
                        alert('hello');                            
        
                    }      
        
                </script>

I have successfully configured a webservice to validate a textbox; however, it only occurs on the submit and not on the blur. The client-side onValidating function is being called on the blur, but there is no visual sign or invalid values despite the service returning a false. When I submit the form, however, the typical error messages are displayed (without a server trip). How can I get the error messages to display on blur?

Input

answered on 28 Sep 2009

3 answers

130 views

Custom Filtering + Frozen Columns

Hi All,

Thanks in advance to anybody who may be able to help me.

I am having two problems with an implementation of RadGrid. The first is how to define a custom filter method for percentage values. I have a grid with some columns as integers and others as percentages (double). I would like for the user to be able to filter these values based on their percentage value (0-100) and not their rate value (0-1). For example, filter by 1.79 as opposed to 0.0179. I realize the easiest way to do this is to cast the user input as a double and divide by 100 to obtain the corresponding rate, however I am not sure how to do this.

The second problem I am having is scrolling with frozen columns and headers. It seems that when I declare frozen columns, the grid does not scroll to the right entirely and truncates the right-most columns from view. The more frozen columns I have, the more columns get truncated from the right. Below are screenshots to illustrate the problem:

Without frozen columns (Link Outage is right-most column): http://216.196.244.34/scroll.jpg

With 2 frozen columns (Link Outage is no longer viewable): http://216.196.244.34/freezescrollbroken.jpg

NOTE: The RadGrid I have declared in code has the static columns as well as a dozen or so dynamic columns, generated at run-time.

                                    RadGrid1.ClientSettings.Scrolling.AllowScroll = true;         
                            RadGrid1.ClientSettings.Scrolling.FrozenColumnsCount = 2;         
                            RadGrid1.ClientSettings.Scrolling.UseStaticHeaders = true;         

                                                    <telerik:RadGrid Width="800px" OnItemCommand="radGridItemCommand" Skin="Hay" ID="RadGrid1" runat="server" AllowPaging="True" AllowFilteringByColumn="True" AllowSorting="True" GridLines="None" AutoGenerateColumns="False" OnItemDataBound="radGridItemDataBound" OnNeedDataSource="radGridNeedDataSource" >         
                                                <MasterTableView Height="100%" PageSize="24" RetrieveAllDataFields="false" AllowSorting="true">         
                                                    <Columns>         
                                                        <telerik:GridBoundColumn FilterImageUrl="img/arrow-icon.png" FilterControlWidth="50" DataField="Data_Date" SortExpression="Data_Date" HeaderText="Date" DataFormatString="{0:MM/dd/yy}"></telerik:GridBoundColumn>         
                                                        <telerik:GridBoundColumn Visible="false" FilterControlWidth="15" DataField="Data_Hour" SortExpression="Data_Hour" HeaderText="Hour2"></telerik:GridBoundColumn>         
                                                        <telerik:GridTemplateColumn FilterImageUrl="img/arrow-icon.png" FilterControlWidth="15" HeaderText="Hour" SortExpression="Data_Hour">         
                                                            <ItemTemplate>         
                                                                <asp:LinkButton ID="hourLinkButton" runat="server" CommandName="Click" CausesValidation="false" CommandArgument='<% # Eval("Data_Date").ToString() + "|" + Eval("Data_Hour").ToString() %>' Text='<% #Eval("Data_Hour") %>' OnClick="AntennaLevel"/>         
                                                            </ItemTemplate>         
                                                        </telerik:GridTemplateColumn>         
                                                        <telerik:GridBoundColumn Visible="false" FilterControlWidth="15" DataField="Week" SortExpression="Week" HeaderText="Week"></telerik:GridBoundColumn>         
                                                        <telerik:GridBoundColumn Visible="false" FilterControlWidth="15" DataField="Month" SortExpression="Month" HeaderText="Month"></telerik:GridBoundColumn>         
                                                        <telerik:GridBoundColumn FilterControlWidth="15" Visible="False" DataField="MarketNum" SortExpression="MarketNum" HeaderText="MarketNum"></telerik:GridBoundColumn>         
                                                    </Columns>         
                                                </MasterTableView>         
                                                <AlternatingItemStyle BackColor="#c9fca3"/>                
                                            </telerik:RadGrid> 
            
                    

Thanks again for any assistance you can provide,

Kyle

Grid

answered on 28 Sep 2009

1 answer

63 views

Allow customer to enter page size

Hi,

I want text box instead of combo in paging. I want allow to customer to enter paging size of grid. How can i do that?

lakmal

Grid

answered on 28 Sep 2009

5 answers

428 views

disabling available dates

Can someone tell me how to make only certain dates available. Basically we want to show a calendar, but need to only allow the user to select a date that falls on a Saturday. I am using radCalendarControl for 3.5

Calendar

answered on 28 Sep 2009

1 answer

117 views

Sliding Pane Header Height

Before upgrading to the ASP.NET Ajax Controls, I was able to set the height of the header for a sliding pane by creating a custom skin. I have been trying to replicate this with the Ajax controls, with no luck so far.

Looking at the markup that is rendered to the browser, the slide header appears to be contained in a table row with the class name rspSlideHeader. I have tried setting the height for this class, and for any child td tags, to 20px. However when I view the page, the slide header still appears to have a height of about 25px. I cannot figure out where the extra 5 pixels is coming from. I have also tried setting padding and margin to 0 in a bunch of places.

I am creating my skin by editing the Outlook skin. Can you please advise how I can modify that skin so that a sliding pane will have a header with a height of 20px.

Thanks,
Kory

Splitter

answered on 27 Sep 2009

7 answers

143 views

[Solved] Hierarchy using varchar

Hi,

Quick question, can I use fields of varchar as seeds for an auto generated tree hierarchy, such as -

RadTreeView1.DataFieldID =

"pagename";

RadTreeView1.DataFieldParentID =

"parentpagename";

RadTreeView1.DataTextField =

"pagename";

RadTreeView1.DataValueField =

"pagename";

Thanks
Matt

TreeView

answered on 27 Sep 2009

1 answer

60 views

Remove case sensetive from grid filtering

Hi

I want remove case sensetive from grid filtering . How can i do that?

lakmal

Grid

answered on 27 Sep 2009

1 answer

79 views

How to hide the grid's header

Grid

answered on 27 Sep 2009

2 answers

440 views

[Solved] Adding Items to RadListBox

Hello,

I have three RadListBoxes on a page. First one is populated by a SQLDataSource. When an item is clicked on the first RadListBox, I want the item to add to the other two listboxes. The problem is that only one RadlistBox will populate with the selected item depending on which list box is last in the procedure.

I’m using VS 2008, and RadControls version: 2009.2.826.35

Sample ASP:

    
            <telerik:RadListBox ID="RadListBox1" runat="server" DataSourceID="dsEDBRecords" AllowDelete="true"  Style="text-align: left;" AutoPostBack="true" DataTextField="FIELDNAME" DataValueField="UVALUE" Height="150px" Width="200px" OnSelectedIndexChanged="SetValue1" SelectionMode="Single"  > </telerik:RadListBox> 
        
            <telerik:RadListBox ID="RadListBox2"  runat="server" AllowDelete="false" Style="text-align: left;"  AutoPostBack="true" Height="150px" Width="200px"></telerik:RadListBox> 
        
            <telerik:RadListBox ID="RadListBox3" runat="server" AllowDelete="false" Style="text-align: left;" AutoPostBack="true" Height="150px" Width="200px" ></telerik:RadListBox>

CODE BEHIND:

    
            Protected Sub SetValue1(ByVal sender As Object, ByVal e As System.EventArgs)  
        
                    Dim lbListBox As RadListBox = sender 
        
                    Dim strItem As RadListBoxItem = lbListBox.SelectedItem  
        
                    Dim strItem1 As RadListBoxItem = lbListBox.SelectedItem  
        
                    RadListBox3.Items.Add(strItem)  
        
                    RadListBox3.ClearSelection()  
        
                    RadListBox2.Items.Add(strItem1)  
        
                    RadListBox2.ClearSelection()  
        
            End Sub

Thanks in advance for all assistance.

Doug

ListBox

answered on 26 Sep 2009