Questions on UI for ASP.NET AJAX Forum

4 answers

197 views

Hello,

I use a radtooltipmanager to replace the browser standard tooltip. It works well except in one case: I have a radgrid with reoredcolumnsonclient=true. If I swap two columns, the tooltip still displays the previous column value and not the new one.
I also did the test with Qtip and Jquery.tooltip, and the results is the same.

Is there a trick?

Best regards,

Laurent

ToolTip

answered on 27 Nov 2009

2 answers

61 views

Scroll Buttons not visible with Sitefinity Skin

Hi guys,

I am using the Tabstrip control with scrolling enabled but for some reason the scroll buttons are not visible when using the Sitefinity skin. You can click on them but no visible image is available. It works with other skins.

Any suggestions?

Thanks.

TabStrip

answered on 27 Nov 2009

1 answer

192 views

Improved Month/Year Picker

I had need to give a month/year picker and I found this post:

http://www.telerik.com/community/code-library/aspnet-ajax/calendar/month-year-picker.aspx

Unfortunately, it doesn't play nicely if the user tries to modify the dates to be something other than the first of the month either by the "Today" button or by typing into the textbox. Attached is some slightly modified script where I've made this work for a "From" and "To" field where it also nicely handles a user modifying (whether on purpose or by accident) the day of the month. This script standardizes on the first of the month at 00:00:00.

Again, keep in mind that this script is for a slightly different page than that demo but it should be clear how to purge the script for the second field.

                        //override the onload event handler to change the picker after the page is loaded         
                Sys.Application.add_load(setCalendarTable);         
                     
                function setCalendarTable() {         
                     
                    var picker1 = $find("<%= startDateField.ClientID %>");         
                    var picker2 = $find("<%= stopDateField.ClientID %>");         
                    var calendar1 = picker1.get_calendar();         
                    var calendar2 = picker2.get_calendar();         
                    var fastNavigation1 = calendar1._getFastNavigation();         
                    var fastNavigation2 = calendar2._getFastNavigation();         
                     
                    $clearHandlers(picker1.get_popupButton());         
                    $clearHandlers(picker2.get_popupButton());         
                    picker1.get_popupButton().href = "javascript:void(0);";         
                    picker2.get_popupButton().href = "javascript:void(0);";         
                    $addHandler(picker1.get_popupButton(), "click", function() {         
                        var textbox = picker1.get_textBox();         
                        //adjust where to show the popup table          
                        var x, y;         
                        var adjustElement = textbox;         
                        if (textbox.style.display == "none")         
                            adjustElement = picker1.get_popupImage();         
                     
                        var pos = picker1.getElementPosition(adjustElement);         
                        x = pos.x;         
                        y = pos.y + adjustElement.offsetHeight;         
                     
                        var e = {         
                            clientX: x,         
                            clientY: y - document.documentElement.scrollTop         
                        };         
                        //synchronize the input date if set with the picker one         
                        var date = picker1.get_selectedDate();         
                        if (date) {         
                            calendar1.get_focusedDate()[0] = date.getFullYear();         
                            calendar1.get_focusedDate()[1] = date.getMonth() + 1;         
                            calendar1.get_focusedDate()[2] = 1; // hardcode this to the first of the month.         
                        }         
                     
                        $get(calendar1._titleID).onclick(e);         
                     
                        return false;         
                    });         
                    $addHandler(picker2.get_popupButton(), "click", function() {         
                        var textbox = picker2.get_textBox();         
                        //adjust where to show the popup table          
                        var x, y;         
                        var adjustElement = textbox;         
                        if (textbox.style.display == "none")         
                            adjustElement = picker2.get_popupImage();         
                     
                        var pos = picker2.getElementPosition(adjustElement);         
                        x = pos.x;         
                        y = pos.y + adjustElement.offsetHeight;         
                     
                        var e = {         
                            clientX: x,         
                            clientY: y - document.documentElement.scrollTop         
                        };         
                        //synchronize the input date if set with the picker one         
                        var date = picker2.get_selectedDate();         
                        if (date) {         
                            calendar2.get_focusedDate()[0] = date.getFullYear();         
                            calendar2.get_focusedDate()[1] = date.getMonth() + 1;         
                            calendar2.get_focusedDate()[2] = 1; // hardcode this to the first of the month.         
                        }         
                     
                        $get(calendar2._titleID).onclick(e);         
                     
                        return false;         
                    });         
                    $addHandler(picker1.get_textBox(), "change", function() {         
                        var textbox = picker1.get_textBox();         
                        if (textbox.value != '') {         
                            var date = new Date(textbox.value);         
                            date.setDate(1);         
                            date.setHours(0, 0, 0, 0);         
                            picker1.set_selectedDate(date);         
                        }         
                    });         
                    $addHandler(picker2.get_textBox(), "change", function() {         
                        var textbox = picker2.get_textBox();         
                        if (textbox.value != '') {         
                            var date = new Date(textbox.value);         
                            date.setDate(1);         
                            date.setHours(0, 0, 0, 0);         
                            picker2.set_selectedDate(date);         
                        }         
                    });         
                     
                    fastNavigation1.OnOK =         
                        function() {         
                            var date = new Date(fastNavigation1.Year, fastNavigation1.Month, 1);         
                            picker1.get_dateInput().set_selectedDate(date);         
                            fastNavigation1.Popup.Hide();         
                        }         
                    fastNavigation2.OnOK =         
                        function() {         
                            var date = new Date(fastNavigation2.Year, fastNavigation2.Month, 1);         
                            picker2.get_dateInput().set_selectedDate(date);         
                            fastNavigation2.Popup.Hide();         
                        }         
                     
                     
                    fastNavigation1.OnToday =         
                        function() {         
                            var date = new Date();         
                            date.setDate(1);         
                            date.setHours(0, 0, 0, 0);         
                            picker1.get_dateInput().set_selectedDate(date);         
                            fastNavigation1.Popup.Hide();         
                        }         
                    fastNavigation2.OnToday =         
                        function() {         
                            var date = new Date();         
                            date.setDate(1);         
                            date.setHours(0, 0, 0, 0);         
                            picker2.get_dateInput().set_selectedDate(date);         
                            fastNavigation2.Popup.Hide();         
                        }         
                }            

-Shane

Calendar

answered on 27 Nov 2009

1 answer

147 views

IE8 - Unable to edit content

We are unable to edit content in IE8.

· Select Edit Content

· Tool Bar appears

· We are then unable to select any of the drop downs (Select, Style, Para)

We do get form.js errors
i.e Invalid argument

· RTE2PUEditor.aspx

· Moss 2007 SP2

· WSS 2.0

· Windows Server 2003 SP2

Everything works as expected in IE7 and using IE7 compatibility mode.

WebParts for SharePoint

answered on 27 Nov 2009

9 answers

486 views

Radmenu Padding

I have radmenu with width 900px and i have 5 root menu items with images each of 180px.When i add image to root items and clear text areas on menus , radmenu will put space between these root menu items images.how can i fix these spaces?

Menu

answered on 27 Nov 2009

3 answers

265 views

Radgrid with inline update custom template: getting data from custom controls

Hi everybody,

my radgrid shows records from my DB, using inline editing with custom template such as a textbox "tbNT" and a checkbox "cbA".

I catch the RadGrid1_UpdateCommand event for update data on my DB.

I have found no way to get values from the "tbNT" textBox and "cbA" checkBox in the event function.

I would also like to know how to get the record (line in radgrid) that need updated data.

I have searched and tried quite a few methods from radgrid examples with no luck.

Thank you very much

Here is aspx code (part of):

    
            <telerik:RadGrid ID="RadGrid1" runat="server" Width="98%"   
        
                                   AllowPaging="True" AllowSorting="True" DataSourceID="SqlDataSource1"             
        
            CellPadding="1" Height="700px" BorderStyle="Solid" GridLines="Both"  
        
                  AutoGenerateColumns="False"                        AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True"> 
        
            <MasterTableView EditFormSettings-EditFormType="Template" DataSourceID="SqlDataSource1" 
        
            DataKeyNames="ArtID" Width="100%"> 
        
                  <Columns> 
        
                     <telerik:GridBoundColumn DataField="RssID" HeaderText="RssID" SortExpression="RssID" HeaderStyle-Width="50" UniqueName="RssID" DataType="System.Int32"> 
        
            <HeaderStyle Width="50px"></HeaderStyle> 
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="Title" HeaderText="Titolo" 
        
                                                SortExpression="Title" 
        
            UniqueName="Title"> 
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="PubDate" HeaderText="Data Pubblicazione" HeaderStyle-Width="100" 
        
                                                SortExpression="PubDate" 
        
            UniqueName="PubDate" DataType="System.DateTime"> <HeaderStyle Width="100px"></HeaderStyle> 
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="InsDate" DataType="System.DateTime"  HeaderStyle-Width="100" 
        
                                                HeaderText="Data Inserimento" 
        
            SortExpression="InsDate" UniqueName="InsDate"> <HeaderStyle Width="100px"></HeaderStyle> 
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridBoundColumn DataField="NewTitle" HeaderText="Titolo Sito" HeaderStyle-Width="200" 
        
                                                SortExpression="NewTitle" 
        
            UniqueName="NewTitle"> 
        
            <HeaderStyle Width="200px"></HeaderStyle> 
        
                                            </telerik:GridBoundColumn> 
        
                                            <telerik:GridCheckBoxColumn DataField="Active" DataType="System.Boolean HeaderStyle-Width="50" 
        
                                                HeaderText="Attivo" 
        
            SortExpression="Active" UniqueName="Active"> <HeaderStyle Width="50px"></HeaderStyle> 
        
                                            </telerik:GridCheckBoxColumn> 
        
                                            <telerik:GridBoundColumn DataField="ActDate" HeaderText="ActDate"  HeaderStyle-Width="100" 
        
                                                SortExpression="Data Attivazione" 
        
            UniqueName="ActDate" DataType="System.DateTime"> <HeaderStyle Width="100px"></HeaderStyle> 
        
                                            </telerik:GridBoundColumn> 
        
                                        </Columns> 
        
                                        <EditFormSettings EditFormType="Template"> 
        
                                            <FormTemplate> 
        
                                                <table id="Table5" cellspacing="2" 
        
            cellpadding="1" width="100%" border="0" rules="none" 
        
                                                        style="border-collapse: 
        
            collapse; background: white;"> 
        
                                                    <tr> 
        
                                                        <td> 
        
                                                            Nuovo Titolo: 
        
            <asp:TextBox ID="tbNT" runat="server" Text='<%# Bind( "NewTitle") %>' 
        
            Width="400" /> 
        
                                                            &nbsp;&nbsp; 
        
                                                            Attivo: <asp:CheckBox ID="cbA" runat="server" Text="" Checked='<%# Bind( "Active") %>' /> 
        
                                                            &nbsp;&nbsp; 
        
                                                            <asp:Button ID="btnUpdate" text="Aggiorna" runat="server" CommandName="Update"> 
        
                                                            </asp:Button> 
        
                                                            &nbsp; 
        
                                                            <asp:Button ID="btnCancel" Text="Annulla" runat="server" CausesValidation="False" 
        
            CommandName="Cancel"> 
        
                                                            </asp:Button> 
        
                                                        </td> 
        
                                                    </tr> 
        
                                                </table> 
        
                                            </FormTemplate> 
        
                                        </EditFormSettings> 
        
                                    </MasterTableView> 
        
                                    <ClientSettings> 
        
                                        <Scrolling AllowScroll="True" 
        
            UseStaticHeaders="True" /> 
        
                                    </ClientSettings> 
        
                                </telerik:RadGrid>

Grid

answered on 27 Nov 2009

1 answer

94 views

How to validate pager values entered by user

Hi

I am using radgrid and need to validate pager value (Change Page and Page size) entered by user. For eg. I need to validate if user has entered valid number for "Change Page:" text box. I am using 2008.2.723.20 version

I need to do this because if user enters "." or "-", error is thrown. Please advice

Thanks
Kerul

Grid

answered on 27 Nov 2009

2 answers

135 views

Help for Grid Skin CSS script file

Hi,

I am in process of migration of old RagGrid.Net2 to latest vesions of Telerik.Web.UI controls.
For most part of my project I am using RADGrid control which was having old grid with its default skin look.
Look having grayish with expand buttons as PLUS & Minus.
I have attached an image of old grid look which I am expecting.

Now for new grid Skin name is required and there is no embeded skin which is similar to Default skin of old grid.
I try putting name Skin = "Default" but it throws expcetion saying skin not found.

When I tried creating new skin it is getting harder and harder for me as I never used to CSS stuff.

I will really appreciate if some one can help me out in this and send me CSS file for RADGrid having old grid look.
I did found one PSD file for Default skin but I dont know how to use that with control but CSS will be more halpful as I can edit if required.

Help appreciated,
Thanks,
Avi

Grid

answered on 27 Nov 2009

1 answer

109 views

Numeric Column Filtering Issue with different Cultures

Hi,

We as using Telerik Ajax ASP.NET control version 2009.1.402.35.
We have a requirement whether we need to show some numeric values and perform filtering on them with respect to Browser Language selected.
The first part that is fomatting of data displayed in Grid column is working file and we get the approapiate Group seperator and Decimal seperator.Below is the code which i have used

<

telerik:GridNumericColumn DataField="MyField" HeaderText="My Numeric Data" UniqueName="MyNumericData"

Resizable="true" HeaderTooltip="Sort by 'My Numeric Data'" DataType="System.Double" DataFormatString="{0:##,###0.00}" ItemStyle-HorizontalAlign="Right" FilterControlWidth="75%" HeaderStyle-Width="10%">

</telerik:GridNumericColumn>

This part is working fine and my data is formatted automatically when i change the Browser Language.
But filter on that data is leading to issue.
As this is numeric column while perfoming filtering i am only allowed to enter the numeric value with culture specific decimal seperator , which is great.But when i perform the search it does not work except for ENGLISH(EN-US).So if i select Germany the same filter operation is failing.
Is this a bug in Telerik and is there any workaround for this.

Regards,
Aayam

Grid

answered on 27 Nov 2009

4 answers

356 views

Adding items to dropdown in grid

Hi All,

I have a dropdown column called "Year" in grid.

in edit mode i am setting readonly property to true for this column,but in insert mode i want to add the years to dropdown from databasetable, how can i do this in RadGrid1_ItemCommand event.

Grid

answered on 27 Nov 2009