Questions on UI for ASP.NET AJAX Forum

6 answers

277 views

Setting focus on text entry portion of DateInput

Hello,

I am attempting to set focus, using javascript, on the text entry portion of DateInput in my RadDatePicker.

This is the control.

                    <telerik:RadDatePicker ID="rdpTransDate" Runat="server"          
                SelectedDate='<%# Bind("TransDate") %>' Skin="Black" TabIndex="1">         
                <Calendar runat="server" UseColumnHeadersAsSelectors="False"         
                    UseRowHeadersAsSelectors="False" ViewSelectorText="x"          
                    Skin="Black"></Calendar>         
                <DatePopupButton HoverImageUrl="" ImageUrl="" TabIndex="1" />         
                <DateInput ID="diTransDate" runat="server" DateFormat="MM/dd/yyyy"         
                    DisplayDateFormat="MM/dd/yyyy" TabIndex="1" ></DateInput>         
            </telerik:RadDatePicker>         

I use the following javascript method to set it's focus.

                    function SaveTabbed() {         
                var e = window.event;         
                var TABKEY = 9;         
                if (e.keyCode == TABKEY) {         
                    var rdp = $find("ucScrapInput_fvScrapInput_rdpTransDate");                       
                rdp.get_dateInput().focus();         
                }         
                return false;         
            }         

The method works just fine except that focus is set on the DatePopupButton rather than the text entry box. The browser (IE8 in this case) is able to tab to the text field with the Tab and Shift-Tab buttons. I have removed the TabIndex attributes from all but the DateInput with no change in behavior. Setting the visibility of the button to false caused focus of the control to be passed to the control with the next TabIndex.

Is there a way to explicitly set focus to the text input portion of the control?

Thank you in advance,

Travis

Calendar

answered on 09 Jun 2010

2 answers

81 views

SeriesName Over the spline line

I have this graphic ( attach name: grafico), but i need to show the seriesName over each spline line, for example in this other attachment (attach Name: imagen0151). It's possible ??

Regards !

Chart (Obsolete)

answered on 09 Jun 2010

1 answer

51 views

custom chart type or layer on top?

Hi,
I just downloaded telerik charting (both asp.net or sliverlight version). It looks quite good.

Our current in-house charting tool allows us to add custom type. For example on a basic bar chart, we can put some arrows here and there.It is like add a new layer on top of the chart (bit like on Google map, I can add pins and markers etc.)

I am wondering if this kind of feature is supported (drawing random staff on top of chart), if not, is there a work around?

Many Thanks

Chart (Obsolete)

answered on 09 Jun 2010

3 answers

124 views

[Solved] removing next, last and previous, first in NextPrevAndNumeric

Hi,

I am using NextPrevAndNumeric pager for my rad grid. I want to remove next, last and previous, first buttons. Is there any wany to do it. Actually we need dropdown list. Is there any way to remove the buttons.

Thanks
Babu

Grid

answered on 09 Jun 2010

1 answer

179 views

IPhone & IPad Compatabile..?

Hi,

Whether all telerik asp .net controls are compatible with ipad and iphone ?

I am trying to use list and combo controls. It looks proper in windows o/s browsers (both IE and safari).

But the look and feel is not same as viewed in iphone. (It is not proper in iphone / ipad browsers).

Can any one give me clarifications?

Regards
Sampath Kumar.S

General Discussions

answered on 09 Jun 2010

5 answers

176 views

InitiateAjaxRequest multiple uses

Hi All,

I am using RadAjaxManager and initiateAjaxRequest for multiple scenarios on a single page.

In my code behind RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e) method i parse the argument to handle the correct request using a switch statement.

What i'd like to do is be able to control the loading panels for different controls on my page based on the actual request..

1. Is my approach correct?? using a single initiateAjaxRequest to handle different ajax requests?? Is there a different way?

2. How can i use a loading panel over different controls based on different requests??

3. Is this truly the only way to do this? I cannot directly ajaxify buttons/links etc as i am initiating these calls upon the closing of radwindows in the parent page.

Please help. Thanks!

Ajax

answered on 09 Jun 2010

1 answer

159 views

[Solved] doctype and dtd

Hello,

Is there any way to change the doctype tag used inside the editor control?

The doctype in our master page is this:

    
            <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

While in the (document inside the IFRAME embedded in the) editor control seems to be this:

    
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN">

As a result of the two being different (namely the dtd reference), edit mode renders differently from display mode. For instance, paragraphs inside a table cell are left aligned when in edit mode but are centered in the table cell when the page is saved.

Is there anything I can do to force the document in the embedded IFRAME to use the same doctype tag that we are using in the master page?

Thanks!

WebParts for SharePoint

answered on 09 Jun 2010

1 answer

166 views

Keyboard access to controls in FooterTemplate

My RadComboBox has two RadDatePicker controls in FooterTemplate. The RadDatePicker controls need to be able to access by keyboard. However, only items in ItemTemplate can be accessed by keyboard. Tried to add AccessKey in RadDatePicker, it didn't work. Please advise.

    
            <telerik:RadComboBox  
        
                 ID="RadComboBoxPostDt" 
        
                 MarkFirstMatch="True" 
        
                 runat="server" 
        
                 Height="165px" 
        
                 Width="400px" 
        
                 Skin="Default" 
        
                 AutoPostBack="False" 
        
                 HighlightTemplatedItems="True" 
        
                 ShowToggleImage="True"   
        
                 ZIndex="5000" 
        
                 AppendDataBoundItems="true" 
        
                 OnClientSelectedIndexChanged="PostDtCombo_OnClientSelectedIndexChanged" 
        
                 OnClientDropDownClosing="OnClientDropDownClosing">  
        
                 <ItemTemplate> 
        
                  <table style="border-bottom: 1px dotted #EFEFEF; margin-bottom: 6px; font-size: 11px;" width="98%">  
        
                    <tr> 
        
                      <td width="150px">  
        
                        <%# DataBinder.Eval(Container, "Text") %> 
        
                      </td> 
        
                      <td> 
        
                        <%# DataBinder.Eval(Container, "Value") %> 
        
                      </td> 
        
                    </tr> 
        
                  </table> 
        
                </ItemTemplate> 
        
                <HeaderTemplate> 
        
                    <table style="border-bottom: 1px dotted #EFEFEF; margin-bottom: 10px; font-size: 11px;" width="98%">  
        
                    <tr> 
        
                        <td> 
        
                        <asp:Label ID="DateRangeLabel" runat="server"><b>Standard:</b></asp:Label> 
        
                        </td> 
        
                    </tr> 
        
                    </table> 
        
                </HeaderTemplate> 
        
                <FooterTemplate> 
        
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                    <ContentTemplate> 
        
                    <table style="border-bottom: 1px dotted #EFEFEF; margin-bottom: 1px; font-size: 11px;" width="90%">  
        
                    <tr> 
        
                        <td colspan="4">  
        
                        <asp:Label ID="DateRangeLabel" runat="server"><b>Custom:</b></asp:Label> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                        <asp:Label ID="DateRangeFromLabel" runat="server" AssociatedControlID="fromDatePicker">&nbsp;<u>F</u>rom:&nbsp;</asp:Label> 
        
                        </td> 
        
                        <td> 
        
                        <telerik:RadDatePicker ID="fromDatePicker" runat="server"   
        
                            Width="120px"   
        
                            BackColor="White"   
        
                            BorderWidth="0"                   
        
                            AutoPostBack="false"   
        
                            ZIndex="8000" 
        
                            AccessKey="F" 
        
                            DateInput-EmptyMessage="MM/DD/YYYY" 
        
                            OnSelectedDateChanged="RadDatePicker_OnSelectedDateChanged">  
        
                            <ClientEvents OnDateSelected="FromDateSelected" /> 
        
                            <Calendar ShowRowHeaders="false" /> 
        
                        </telerik:RadDatePicker> 
        
                        </td> 
        
                        <td> 
        
                        <asp:Label ID="DateRangeToLabel" runat="server" AssociatedControlID="toDatePicker">&nbsp;<u>T</u>o:&nbsp;</asp:Label> 
        
                        </td> 
        
                        <td> 
        
                        <telerik:RadDatePicker ID="toDatePicker" runat="server"   
        
                            Width="120px"   
        
                            BackColor="White"   
        
                            BorderWidth="0"   
        
                            ZIndex="8000" 
        
                            AccessKey="T" 
        
                            AutoPostBack="true" 
        
                            DateInput-EmptyMessage="MM/DD/YYYY" 
        
                            Enabled="true" 
        
                            OnSelectedDateChanged="RadDatePicker_OnSelectedDateChanged">  
        
                            <ClientEvents OnDateSelected="ToDateSelected" /> 
        
                            <Calendar ShowRowHeaders="false" /> 
        
                        </telerik:RadDatePicker> 
        
                        </td> 
        
                    </tr> 
        
                    </table> 
        
                    </ContentTemplate> 
        
                    </asp:UpdatePanel> 
        
                </FooterTemplate> 
        
            </telerik:RadComboBox>

ComboBox

answered on 09 Jun 2010

3 answers

65 views

Skin Problem - Upgrade from RadControls ASPNET AJAX Q1 2008 to RadControls ASPNET AJAX Q1 2010 SP2

          I have upgraded my application to "RadControls ASPNET Ajax Q1 2008" to "RadControls ASPNET AJAX Q1 2010 SP2". I have used most of the controls in my application such as Tabstips, Grid, Menu, Tree etc.

          All of these controls were looks good in appearance. Some of them are using standard skin such as "outlook". But after upgrading most of the controls lost their skin and appearance. There is hung change in CSS files of skins. Current version is using png images instead of gif. How can I achieve same look and feel with updated version?

        I have also created separate application which has latest RadTabStrip control with "Outlook" skin. But Tabstrip not displaying properly mainly background images not getting displayed. I am not figure out what is the problem.. Will you please look into it? Or its a known issue?

TabStrip

answered on 09 Jun 2010

1 answer

110 views

RadGrid not functional under RadPanelItem

I have series of RadPanelItems which includes Radgrid in the item template of the each panel item.

And i am binding these Panel items with a datasource, which includes binding the radgrid as well.

Now i want the Inline Add/Edit feature of my Radgrid under each RadPanelItem, and i want to do it with the partial post back.

I have got this Radgrid working independently on another page where it works just fine. So there is no issue with the inline functionality of the RadGrid.

But as i include this Radgrid under RadPanelItem, first of all it does not allow the inline edit row to appear if i do not disable the view state of the Panel Item. But after disabling the view state, it shows the inline Edit row and when i try to save the content, it brings the view mode without adding/updating any content.

To me it looks like, on the second partial post back it renders the complete grid again rather than updating the row.

I am having RadAjaxManager on the page where i an setting the ajax settings to update radgrid when any change or event happens on RadGrid, and i have also tried updating the RadPanel item when some change happens over the radpanel.

As i am adding these Panel items dynamically, so i am not sure if i am going the right path.

Any help on this would be greatly appreciated.

Ajax

answered on 09 Jun 2010