Questions on UI for ASP.NET AJAX Forum

1 answer

66 views

Getting the AppointmentId in the clientside AppointmentSingleclick event

How do i get the id of the appointment in the event handler for the OnClientAppointmentClick event. Please note that I am talking about the single click event.

Scheduler

answered on 23 Jan 2009

1 answer

86 views

AJAX Partial Postback messing with formatting

Hello,

I have this:

<div style="white-space:nowrap;text-align:center">
   <cc1:UserControl1 .. />
</div>

The user control has some link buttons in it that post back; these buttons raise an event on the user control. This is AJAXified via:

<tel:RadAjaxManager ..>
<AjaxSettings>
    <tel:AjaxSetting ControlID="UC1">
      <UpdatedControls>
         <tel:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="LoadingPanel1" />
      </UpdatedControls>
    </tel:AjaxSetting>
</AjaxSettings>
</tel:RadAjaxManager>

However, when the page posts back due to the link buttons in the user control, the content in the user control gets weird; the second row of links shifts to the left and becomes left aligned until the rad grid refreshes completely, then it goes back to the center. Anyone experience this, and is there a solution?

Thanks.

Ajax

answered on 23 Jan 2009

2 answers

118 views

Dock with ASP.NET Personalization Provider

I am switching over from using the built in .NET webparts controls because of some browser compatibility issues, but I am having trouble getting the docking controls to store the data how i would like. Is it even possible to use the microsoft personalization provider to store this information? When using the ASP:WebPartManager it practically does everything for you using the provider.

Thanks
~Dave

Dock

answered on 23 Jan 2009

2 answers

432 views

[Solved] Text property cannot be set. String was not recognized as a valid DateTime.

hi there.

i am facing a problem while setting a time value to RadDateInput below is the code which is cousing the conversion problem.

txtSignIn.Text = "9:00 AM"

where txtSignIn is the RadDateInput Control.

thanks
nitesh monga

Input

answered on 23 Jan 2009

3 answers

149 views

[Solved] Cannot get access to controls from clientside

Hi!

In my webapp I'm using the ASP.NET RadControls, but I cannot get access to them clientside. For example, if I have this:

    
            <tel:RadNumericTextBox ID="txtCalcYearIndex"  NumberFormat-DecimalSeparator="," CssClass="textbox" runat="server" /> 
        
            <script type="text/javascript"> 
        
            var txtCalcYearIndex = <%=txtCalcYearIndex.ClientID%>; 
        
            txtCalcYearIndex.SetValue("12345"); 
        
            </script>

- then I get an error saying: "ctl00_MainContent_txtCalcYearIndex is not defined"

I am also using jQuery in my application - does this have something to say? Or is it possible to use jQuery to access telerik controls? - then I could use the same approach for all control instead of distinguishing between core ASP.NET controls and Telerik controls...

Best regards

Henrik

General Discussions

answered on 23 Jan 2009

8 answers

218 views

Column Resizing Problem

Hi,

Can anyone help with this? Resizing RadGrid columns isn't working properly for me, they either get really large (usually when I want them to be smaller) or really small (they sometimes disappear). Below is my implementation of the Grid, it is contained within a SplitterPane.

I'm sure I am missing something but I don't know what.

                    <telerik:RadGrid ID="RadGrid1" runat="server" OnItemDataBound="RadGrid_ItemDataBind" GridLines="None" Skin="Vista" AllowMultiRowSelection="True"         
                        AllowPaging="true" AllowSorting="True" ShowStatusBar="true"         
                        PageSize="30" Width="100%" Height="100%" OnNeedDataSource="RadGrid1_NeedDataSource" >         
                    <StatusBarSettings ReadyText="Ready" LoadingText="Loading items..." />         
                    <MasterTableView AutoGenerateColumns="False" Width="100%" DataKeyNames="ID" TableLayout="Fixed">         
                        <PagerStyle Visible="false" />         
                                 
                        <Columns>         
                            <telerik:GridTemplateColumn UniqueName="ID" DataType="System.Int32" Display="false">         
                                <ItemTemplate><%# Eval("ID") %></ItemTemplate>         
                            </telerik:GridTemplateColumn>         
                            <telerik:GridClientSelectColumn UniqueName="column">         
                                <HeaderStyle Width="3%" />         
                                                           
                            </telerik:GridClientSelectColumn>         
                            <telerik:GridTemplateColumn UniqueName="NameColumn" DataType="System.String" HeaderText="Name">         
                                <HeaderStyle Width="15%" />         
                                <ItemStyle Wrap="false" />         
                                <ItemTemplate><asp:Label ID="lblName" runat="server"></asp:Label></ItemTemplate>         
                            </telerik:GridTemplateColumn>         
                                     
                            <telerik:GridTemplateColumn UniqueName="ConstituencyColumn" DataType="System.String" HeaderText="Constituency">         
                                <HeaderStyle Width="25%" />         
                                         
                                <ItemTemplate><asp:Label ID="lblConstituency" runat="server"></asp:Label></ItemTemplate>         
                            </telerik:GridTemplateColumn>         
                            <telerik:GridTemplateColumn UniqueName="PartyColumn" DataType="System.String" HeaderText="Party">         
                                <HeaderStyle Width="10%" />         
                                         
                                <ItemTemplate><asp:Label ID="lblParty" runat="server"></asp:Label></ItemTemplate>         
                            </telerik:GridTemplateColumn>         
                            <telerik:GridTemplateColumn UniqueName="JobColumn" DataType="System.String" HeaderText="Job">         
                                <HeaderStyle Width="20%" />         
                                         
                                <ItemTemplate><asp:Label ID="lblJob" runat="server"></asp:Label></ItemTemplate>         
                            </telerik:GridTemplateColumn>         
                            <telerik:GridTemplateColumn UniqueName="EmailColumn" DataType="System.String" HeaderText="Email">         
                                <HeaderStyle Width="25%" />         
                                         
                                <ItemTemplate><asp:HyperLink ID="lblEmail" runat="server"></asp:HyperLink></ItemTemplate>         
                            </telerik:GridTemplateColumn>         
                        </Columns>         
                    </MasterTableView>         
                                <ClientSettings AllowColumnsReorder="False">         
                                <Resizing AllowColumnResize="true" EnableRealTimeResize="false"          
                                 ResizeGridOnColumnResize="false" ClipCellContentOnResize="false" />         
                                <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="1" />         
                                <Selecting AllowRowSelect="True" />         
                                <ClientEvents   OnRowClick="RadGrid1_RowClick"          
                                                OnRowSelected="RadGrid1_RowSelected"          
                                                OnRowDeselected="RadGrid1_RowSelected"         
                                                OnScroll="RadGrid1_Scroll"          
                                                />         
                                </ClientSettings>         
                                         
                    </telerik:RadGrid>         

Thanks in advance

Antony

Grid

answered on 23 Jan 2009

2 answers

213 views

Radtooltip padding

Hi,

Using a custom skin for a tooltip based on the 'Vista' skin, where is the place to modify the tooltip text padding inside the skin file (I want the text not so close to the tooltips borders, like the 'Default' skin for example). ?

    
            /* r.a.d.tooltip VISTA skin */ 
        
            /* r.a.d.tooltip resize element */ 
        
            div.radtooltip_MySkin.ResizeElement 
        
            { 
        
                border: solid 1px #d3fd2c; 
        
                background: #f8fce0; 
        
            } 
        
            div.radtooltip_MySkin.LoadingSign 
        
            {    
        
                background: url(ToolTip/Loading.gif)  no-repeat center; 
        
                width: 100%; height: 100%; 
        
            } 
        
            div.radtooltip_MySkin 
        
            { 
        
                position: absolute; 
        
                cursor: default; 
        
            } 
        
            div.radtooltip_MySkin div.ToolTipCallout 
        
            { 
        
                display:none; 
        
            } 
        
            div.radtooltip_MySkin.visiblecallout 
        
            { 
        
                /**/ 
        
            } 
        
            div.radtooltip_MySkin.visiblecallout div.ToolTipCallout 
        
            { 
        
                display: block; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper 
        
            { 
        
                padding: 0; margin: 0; 
        
                border-collapse: collapse; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td 
        
            {        
        
                padding: 0; margin: 0; 
        
                border-collapse: collapse; 
        
                /*text-align:left;*//*RTL support*/ 
        
            } 
        
            /* -------------------------- CORNER SETTINGS BEGIN ---------------------------------- */ 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopLeft, 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopRight, 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomLeft, 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomRight 
        
            { 
        
                width: 3px; height: 4px;  
        
                line-height: 0px; font-size: 1px; 
        
                background-image: url(ToolTip/ToolTipCorners.gif) ; 
        
                background-repeat: no-repeat; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopLeft 
        
            { 
        
                background-position: 0 0; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopRight 
        
            { 
        
                background-position: right 0; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomLeft 
        
            { 
        
                background-position: 0 bottom; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomRight 
        
            { 
        
                background-position: right bottom; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopCenter, 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomCenter 
        
            { 
        
                height: 3px;  
        
                line-height: 0px; font-size: 1px; 
        
                background: url(ToolTip/ToolTipTopParts.gif) ; 
        
                background-repeat: repeat-x; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopCenter 
        
            { 
        
                background-position: 0 0; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomCenter 
        
            { 
        
                background-position: 0 bottom; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipLeftMiddle, 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipRightMiddle 
        
            { 
        
                background-image:  url(ToolTip/ToolTipSideParts.gif); 
        
                background-repeat: repeat-y; 
        
                font-size: 1px; 
        
                width: 3px; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipLeftMiddle 
        
            { 
        
                background-position: 0 0; 
        
            } 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipRightMiddle 
        
            { 
        
                background-position: right 0; 
        
            } 
        
            /* -------------------------- CORNER SETTINGS END ---------------------------------- */ 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipContent 
        
            { 
        
                font: 12px Arial, Helvetica, sans-serif; 
        
                height: 100%; 
        
                background: #e4e5f0  url(ToolTip/ContentBgr.gif) repeat-x; 
        
                padding: 4px; 
        
                color: #ea0a8b; 
        
            } 
        
            div.radtooltip_MySkin div.ToolTipTitlebar 
        
            {    
        
                color: #272397; 
        
                font: normal 18px "Segoe UI", "Trebuchet MS", Arial, Verdana, Sans-serif; 
        
                float:left; 
        
                line-height: 22px; 
        
                padding: 4px; 
        
            } 
        
            /* close button */ 
        
            div.radtooltip_MySkin a.CloseButton, 
        
            div.radtooltip_MySkin a.CloseButton:hover 
        
            { 
        
                display: block; float: right; 
        
                position:absolute; 
        
                right: 2px; 
        
                width: 28px; height: 15px; 
        
                font-size: 1px; line-height: 1px; 
        
                margin-top: 3px; 
        
                margin-right: 1px; 
        
                background: url(ToolTip/close.gif)  no-repeat; 
        
                text-indent: -9999px; 
        
                outline: none; 
        
            } 
        
            /* RTL */ 
        
            div.radtooltip_MySkin_rtl a.CloseButton, 
        
            div.radtooltip_MySkin_rtl a.CloseButton:hover 
        
            { 
        
                float: left !important; 
        
                text-decoration: none !important; 
        
                outline: none; 
        
                left: 2px; 
        
                margin-left: 1px; 
        
                right: auto; 
        
                margin-right: auto; 
        
            } 
        
            div.radtooltip_MySkin_rtl div.ToolTipTitlebar, 
        
            div.radtooltip_MySkin_rtl table.ToolTipWrapper td.ToolTipTopCenter div.ToolTipTitlebar div 
        
            { 
        
                float: right !important; 
        
            } 
        
            /* position="Center" */ 
        
            div.radtooltip_MySkin_rtl .Center 
        
            { 
        
                right: 0; 
        
                left: auto; 
        
            } 
        
            /* position="BottomRight" */ 
        
            .radtooltip_MySkin_rtl .TopLeft 
        
            { 
        
                margin-right: -20px; 
        
            } 
        
            /* position="BottomCenter" */ 
        
            .radtooltip_MySkin_rtl .TopCenter 
        
            { 
        
                margin-right: 10px; 
        
            } 
        
            /* position="BottomLeft" */ 
        
            .radtooltip_MySkin_rtl .TopRight 
        
            { 
        
                margin-right: 20px; 
        
            } 
        
            /* position="TopCenter" */ 
        
            .radtooltip_MySkin_rtl .BottomCenter 
        
            { 
        
                margin-right: 10px !important; 
        
            } 
        
            /* position="TopLeft" */ 
        
            .radtooltip_MySkin_rtl .BottomRight 
        
            { 
        
                margin-right: 40px !important; 
        
            } 
        
            /* position="TopRight" */ 
        
            .radtooltip_MySkin_rtl .BottomLeft 
        
            { 
        
                margin-right: -20px !important; 
        
            } 
        
            /* position="MiddleRight" */ 
        
            .radtooltip_MySkin_rtl .MiddleLeft 
        
            { 
        
                margin-right: 10px; 
        
            } 
        
            /* position="MiddleLeft" */ 
        
            .radtooltip_MySkin_rtl .MiddleRight 
        
            { 
        
                margin-right: 1px; 
        
            } 
        
            /* RTL END */ 
        
            /* --------------------------------------------- TOOLTIP CALLOUT SETTINGS BEGIN --------------------------------------------- */ 
        
            div.radtooltip_MySkin div.ToolTipCallout 
        
            { 
        
                position: absolute; top: 0; left: 0; 
        
                height: 11px; width: 11px; 
        
                line-height: 0px; font-size: 1px; 
        
                background-image: url(ToolTip/Callouts.gif); 
        
                background-repeat: no-repeat; 
        
            } 
        
            /* position="Center" */ 
        
            div.radtooltip_MySkin .Center 
        
            { 
        
                background: none !important; 
        
            } 
        
            /* position="BottomRight" */ 
        
            .radtooltip_MySkin .TopLeft 
        
            { 
        
                margin-top: -10px; margin-left: 20px; 
        
                background-position: 0 -22px; 
        
            } 
        
            /* position="BottomCenter" */ 
        
            .radtooltip_MySkin .TopCenter 
        
            { 
        
                left: 50% !important; 
        
                margin-top: -9px; margin-left: -10px; 
        
                background-position: 0 0 !important; 
        
            } 
        
            /* position="BottomLeft" */ 
        
            .radtooltip_MySkin .TopRight 
        
            { 
        
                left: 100% !important; 
        
                margin-top: -10px; margin-left: -20px; 
        
                background-position: 0 -11px !important; 
        
            } 
        
            /* position="TopCenter" */ 
        
            .radtooltip_MySkin .BottomCenter 
        
            { 
        
                top: 100% !important; left: 50% !important; 
        
                margin-left: -10px !important; margin-top: -1px !important; 
        
                width: 100% !important; 
        
                background-position: 0 -55px !important; 
        
            } 
        
            /* position="TopLeft" */ 
        
            .radtooltip_MySkin .BottomRight 
        
            { 
        
                top: 100% !important; left: 100% !important; 
        
                margin-left: -40px !important; margin-top: -1px !important; 
        
                background-position: 0 -66px !important; 
        
            } 
        
            /* position="TopRight" */ 
        
            .radtooltip_MySkin .BottomLeft 
        
            { 
        
                top: 100% !important; 
        
                margin-left: 20px !important; margin-top: -1px !important; 
        
                background-position: 0 -77px !important; 
        
            } 
        
            /* position="MiddleRight" */ 
        
            .radtooltip_MySkin .MiddleLeft 
        
            { 
        
                top: 50% !important; 
        
                margin-left: -10px; margin-top: -7px; 
        
                background-position: 0 -44px !important; 
        
            } 
        
            /* position="MiddleLeft" */ 
        
            .radtooltip_MySkin .MiddleRight 
        
            { 
        
                left: 100% !important; top: 50% !important; 
        
                margin-left: -1px; margin-top: -10px; 
        
                background-position: 0 -33px; 
        
            } 
        
            /* --------------------------------------------- TOOLTIP CALLOUT SETTINGS END --------------------------------------------- */ 
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopLeft,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopCenter,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipTopRight,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipLeftMiddle,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipContent,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipRightMiddle,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomLeft,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomCenter,    
        
            div.radtooltip_MySkin table.ToolTipWrapper td.ToolTipBottomRight    
        
            { 
        
                padding: 0; 
        
                border: 0; 
        
            }

ToolTip

answered on 23 Jan 2009

1 answer

157 views

how to automatically hide calendar when click outside of shedule

Hi,

After the calender opens, it doesn't go away if you click outside the calendar.
can the calendar automatically hide?
I tried the sample, and it doesn't go away either.

Thanks,

-S

Scheduler

answered on 23 Jan 2009

2 answers

224 views

FindControl

    
             <telerik:RadToolBar ID="_toolbar" runat="server" AutoPostBack="true" OnButtonClick="RadToolBar1_ButtonClick">

                        <Items>

                            <telerik:RadToolBarButton Text="Save" CommandName="Save" ToolTip="Save"></telerik:RadToolBarButton>

                            <telerik:RadToolBarButton Text="Save As" CommandName="SaveAs" ToolTip="Save As"></telerik:RadToolBarButton>

                            <telerik:RadToolBarButton Text="Show/Hide Conditions" CommandName="Conditions" ToolTip="Show/Hide Conditions"></telerik:RadToolBarButton>

                            <telerik:RadToolBarButton Text="Search" CommandName="Search" ToolTip="Search"></telerik:RadToolBarButton>

                            <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>

                            <telerik:RadToolBarButton>

                                <ItemTemplate>

                                    <telerik:RadComboBox ID="comboBox" runat="server" AutoPostBack="true" CausesValidation="false" AllowCustomText="false"

                                        ShowDropDownOnTextboxClick="true" EmptyMessage="Teams" RadComboBoxImagePosition="Left">

                                    </telerik:RadComboBox>

                                </ItemTemplate>

                            </telerik:RadToolBarButton>

                        </Items>

                    </telerik:RadToolBar>

so theres my toolbar

im using:

RadComboBox combo = (RadComboBox)_toolbar.FindControl("comboBox");

to find the RadComboBox.

no luck. returns null everytime. suggestions?

ToolBar

answered on 23 Jan 2009

1 answer

165 views

Fieldset flicker

Even on the quickstart demo's http://demos.telerik.com/aspnet-ajax/FormDecorator/Examples/FormDecoratorAndRadControls/DefaultCS.aspx

When you use radformdecorator with fieldset enabled, you get a flicker, where the page starts looking bland, and then it flickers to the desired behavior.

do you have any suggestions on how to remove the flicker?

FormDecorator

answered on 23 Jan 2009