Questions on UI for ASP.NET AJAX Forum

0 answers

141 views

If I do the following, is only the second set of operations retained in the ClientChanges property?

var tree = $find("<%= RadTreeView1.ClientID %>");
tree.trackChanges();
// first set of client-side operations...
tree.trackChanges();
// second set of client-side operations...
tree.commitChanges();

TreeView

asked on 10 Feb 2009

9 answers

535 views

Controlling background color in RadScheduler

I need to be able to control the calendar background color, pixel by pixel for specific rows, to show when a resource is available (green) or not available (red). Is there a way to easily do this?

Scheduler

answered on 10 Feb 2009

5 answers

141 views

Calling a function on the server and returning a value

Hi,
It seems like this should be possible, but I'm not seeing any examples.
All I want to do is, in javascript on teh client side make a call somehting like:

var myReturnValue = SomeCallToTheServer(SomeArgument);

Where SomeCallToTheSever is a server side function something like:

Public Function SomeCallToTheServer(arg as Object) as Int32
return SomeValue
End Function

Any guidance and pointers to an example would be fantastic.
Thanks ... Ed

Ajax

answered on 10 Feb 2009

1 answer

88 views

Safari Issue: RadTab dynamically loaded onto Multipage

I've seen a couple of threads regarding problems that Safari has when rendering a radTab and radMultiPages when the controls are not initially visible on a page, but rather are added dynamically on an AJAX postback. In IE and FF everything renders and functions correctly, however in Safari, the browser must be completely refreshed before the tab operates correctly.

From the previous posts it looks like I can 'pre-cache' the scripts and styles needed using the ASPScriptManager. I've already tried a couple of combinations, but nothing seems to help out... perhaps I am missing a reference or have paths not setup correctly. See snippet below.

Thanks.

    
            <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                <Scripts> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Common.Core.js" Assembly="Telerik.Web.UI" /> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Upload.RadUpload.js" Assembly="Telerik.Web.UI"/> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.TabStrip.MultiPage.RadMultiPageScripts.js" Assembly="Telerik.Web.UI"/> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Common.Scrolling.ScrollingScripts.js" Assembly="Telerik.Web.UI" /> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Common.Navigation.NavigationScripts.js" Assembly="Telerik.Web.UI" /> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.TabStrip.RadTabStripScripts.js" Assembly="Telerik.Web.UI" />       
        
                </Scripts> 
        
            </asp:ScriptManager>

TabStrip

answered on 10 Feb 2009

1 answer

110 views

Office 2007 Skin Problem

I am using the office 2007 and believe this problem just started with the latest release. If you look at the demo you will see that there are some gaps around the main content area. That might not be a good description but the key is that the background color is not covering the whole tooltip and the background is then bleeding through.

ToolTip

answered on 10 Feb 2009

13 answers

164 views

Problem with RAD Calander

Hi All

when i use rad calander outside an asp panel every thing looks perfect, but whenever i use a radcalander inside asp panel every thing gonna be mixed up and the rad control will look like transparent with blue color, which makes the identfication of the days in the calander a reall impossible task, by the way the same holds true for other controls such as RacComboBox, regarding am using ie7.

how can i solve this issue.

Calendar

answered on 10 Feb 2009

1 answer

173 views

Styling issues on tooltip being used in a RadGrid

Hi,

I'm using a rad tool tip inside a radgrid, the resulting tooltip has some strange styling problems.

Inspecting the styles applied to the tool tip using developer tool bar in IE I see the following:

the ToolTipTopLeft, ToolTipTopCenter, ToolTipTopRight, ToolTipLeftMiddle, ToolTipRightMiddle, ToolBottomLeft, ToolTipBottomMiddle & ToolTipBottomRight elements all have their borders set to #d0d7e5 style solid, width 1px

this creates a faint box that appears inside the tool tip.

I've placed another test tooltip outside of the grid and this one does not have the strange styling problem, the html for the page in question can be found below:

<

asp:UpdatePanel ID="pnlToolTipUpdate" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

<telerik:RadToolTip ID="ttpAdjustment"

Visible="false"

runat="server"

Modal="True"

ShowCallout="False"

Position="Center"

RelativeTo="BrowserWindow"

ShowEvent="FromCode"

Skin="Black"

HideEvent="FromCode">

<uc2:AddAdjustmentPopup ID="ucAddAdjustmentPopup" runat="server" Mode="Adjustment" AllowPremiumPartSelection="false" />

</telerik:RadToolTip>

</ContentTemplate>

</

asp:UpdatePanel>

<

asp:UpdatePanel ID="pnlGridUpdate" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

<telerik:RadGrid ID="grdAdjustments" runat="server" AutoGenerateColumns="False" Width="80%" GridLines="None" Skin="Office2007" OnItemDataBound="grdAdjustments_ItemDataBound" OnDetailTableDataBind="grdAdjustments_DetailTableDataBind" OnNeedDataSource="grdAdjustments_NeedDataSource" OnItemCommand="grdAdjustments_ItemCommand">

</HeaderContextMenu>

<telerik:GridTableView runat="server" ShowHeader="true" ShowFooter="false">

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridTemplateColumn UniqueName="AdjustmentType" HeaderText="Type">

<asp:Literal ID="litAdjustmentType" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="AdjustmentNet" HeaderText="Net">

<asp:Literal ID="litNet" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="AdjustmentIPT" HeaderText="IPT">

<asp:Literal ID="litIpt" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="AdjustmentGross" HeaderText="Gross">

<asp:Literal ID="litGross" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Commands" HeaderText="">

<asp:LinkButton ID="lnkComments" runat="server" /> 

<asp:LinkButton ID="lnkRemove" runat="server" Text="Remove adjustment" CommandName="RemoveAdjustment" />

<telerik:RadToolTip ID="tipComments"

TargetControlID="lnkComments"

HideEvent="ManualClose"

Modal="false"

ShowEvent="OnMouseOver"

runat="server"

RelativeTo="Element"

ShowCallout="true"

Skin="Default"

Width="400">

<p>

<asp:Literal ID="litCommentTitle" runat="server" /></strong></p>

<li>

<asp:Literal ID="litComments" runat="server" /></li>

</ul>

</telerik:RadToolTip>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</ExpandCollapseColumn>

<telerik:GridTemplateColumn UniqueName="PremiumPartName" HeaderText="Premium Part">

<asp:HiddenField ID="hdnPremiumPartID" runat="server" />

<asp:HiddenField ID="hdnOriginalITP" runat="server" />

<asp:HiddenField ID="hdnOriginalGross" runat="server" />

<asp:Literal ID="litPremiumPart" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="OriginalNetPremium" HeaderText="Original Net Premium">

<asp:Literal ID="litOriginalNetPremium" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="NetAdjustment" HeaderText="Net Adjustment">

<asp:Literal ID="litNetAdjustment" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="TotalIPT" HeaderText="Total IPT">

<asp:Literal ID="litTotalIPT" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="GrossPremium" HeaderText="Gross Premium">

<asp:Literal ID="litGrossPremium" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Commands">

<asp:LinkButton ID="lnkAddAdjustment" runat="server" Text="Add adjustment" CommandName="AddAdjustment" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</FilterMenu>

</telerik:RadGrid>

</ContentTemplate>

</

asp:UpdatePanel>

ToolTip

answered on 10 Feb 2009

4 answers

149 views

RadDatePicker repeated javascript on page

Hi,

I am using Telerik.Web.UI dll version 2008.3.1314. I am experiencing an issue when I put several RadDatePickers on a single page. I have about 133K of javascript that looks like the code below. This is repeated for each and every RadDatePicker on the page, and there are many. Is there any way for this to be condensed? I was previously experiencing an issue where there was repeated inline CSS for each RadCalendar on the page, which I learned was an issue with version 2008.3.1125, and that is why I upgraded to 2008.3.1314. The CSS issue was fixed, but this repeated script remained. Any ideas?

    
            Sys.Application.add_init(function() {  
        
                $create(Telerik.Web.UI.RadDatePicker, {"_PopupButtonSettings":{  ResolvedImageUrl : "", ResolvedHoverImageUrl : ""},"_popupControlID":"extendedDataForm_ctl12_234178_extendedField_Immun_DipTetPert_3_datePicker_popupButton","clientStateFieldID":"extendedDataForm_ctl12_234178_extendedField_Immun_DipTetPert_3_datePicker_ClientState","focusedDate":"2009-02-06-00-00-00","maxDate":"9999-12-31-00-00-00","minDate":"1753-01-01-00-00-00"}, null, {"calendar":"sharedRadCalendar","dateInput":"extendedDataForm_ctl12_234178_extendedField_Immun_DipTetPert_3_datePicker_dateInput"}, $get("extendedDataForm_ctl12_234178_extendedField_Immun_DipTetPert_3_datePicker"));  
        
            });  
        
            Sys.Application.add_init(function() {  
        
                $create(Telerik.Web.UI.RadDateInput, {"_focused":false,"_originalValue":"7/22/1994 12:00:00 AM","_postBackEventReferenceScript":"__doPostBack(\u0027extendedDataForm$ctl13$234178_extendedField_Immun_DipTetPert_4$datePicker\u0027,\u0027\u0027)","clientStateFieldID":"extendedDataForm_ctl13_234178_extendedField_Immun_DipTetPert_4_datePicker_dateInput_ClientState","dateFormat":"M/d/yyyy","dateFormatInfo":{"DayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"MonthNames":["January","February","March","April","May","June","July","August","September","October","November","December",""],"AbbreviatedDayNames":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"AbbreviatedMonthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"AMDesignator":"AM","PMDesignator":"PM","DateSeparator":"/","TimeSeparator":":","FirstDayOfWeek":0,"DateSlots":{"Month":0,"Year":2,"Day":1},"ShortYearCenturyEnd":2029,"TimeInputOnly":false},"displayDateFormat":"M/d/yyyy","enabled":true,"incrementSettings":{InterceptArrowKeys:true,InterceptMouseWheel:false,Step:1},"styles":{HoveredStyle: ["width:100%;vertical-align:middle;", "riTextBox riHover field"],InvalidStyle: ["width:100%;vertical-align:middle;", "riTextBox riError field"],DisabledStyle: ["width:100%;vertical-align:middle;", "riTextBox riDisabled field"],FocusedStyle: ["width:100%;vertical-align:middle;", "riTextBox riFocused field"],EmptyMessageStyle: ["width:100%;vertical-align:middle;", "riTextBox riEmpty field"],ReadOnlyStyle: ["width:100%;vertical-align:middle;", "riTextBox riRead field"],EnabledStyle: ["width:100%;vertical-align:middle;", "riTextBox riEnabled field"]}}, {"error":function() {  
        
                                                                                            document.getElementById('extendedDataForm_ctl13_234178_extendedField_Immun_DipTetPert_4_invalidDateHidden').value = document.getElementById('extendedDataForm_ctl13_234178_extendedField_Immun_DipTetPert_4_datePicker_dateInput_text').value;  
        
                                                                                        }}, null, $get("extendedDataForm_ctl13_234178_extendedField_Immun_DipTetPert_4_datePicker_dateInput"));  
        
            });

Calendar

answered on 10 Feb 2009

1 answer

162 views

Viewstate problem

Hello everybody,

First i have to tell you little pit background about my case. I have RadGrid is in edit mode all the time.I put grid in the edit mode using following function:

    
              protected void RadGrid1_PreRender(object sender, EventArgs e) 
        
                    { 
        
                        if (!IsPostBack||forceEditable) 
        
                        { 
        
                            forceEditable = false; 
        
                            foreach (GridItem item in RadGrid1.MasterTableView.Items) 
        
                            { 
        
                                if (item is GridEditableItem) 
        
                                { 
        
                                    GridEditableItem editableItem = item as GridDataItem; 
        
                                    editableItem.Edit = true; 
        
                                } 
        
                            } 
        
                     } 
        
            } 
        
            }

my problem is too big viewstate. So I decieded to turn page viewstate to false. Now problem starts.I collect data from using following function

    
             private void CollectRowInformation() 
        
                    { 
        
                        foreach (GridDataItem item in RadGrid1.MasterTableView.Items) 
        
                        { 
        
                            foreach (OrderLineItem lineItem in OrderLine) 
        
                            { 
        
                                int itemId = int.Parse(item.GetDataKeyValue("OrderLineID").ToString()); 
        
                                int lineId = lineItem.OrderLineID; 
        
                                if (itemId == lineId) 
        
                                { 
        
                                    lineItem.Product = (item["Product"].FindControl("ProductCombo") as RadComboBox).Text; 
        
                                    lineItem.Unit = (item["Unit"].Controls[0] as TextBox).Text; 
        
                                    lineItem.Info = (item["Product"].FindControl("InfoTextBox") as RadComboBox).Text; 
        
                                    lineItem.AccountID = (item.FindControl("AccountID") as RadComboBox).SelectedValue; 
        
                                    lineItem.CostCenterID = (item.FindControl("CostCenterID") as RadComboBox).SelectedValue; 
        
                                    if ((item["Quantity"].FindControl("Quantity") as RadNumericTextBox).DbValue == null) 
        
                                        lineItem.Quantity = 0; 
        
                                    else 
        
                                        lineItem.Quantity = float.Parse((item["Quantity"].FindControl("Quantity") as RadNumericTextBox).DbValue.ToString()); 
        
                                    if((item["Price"].FindControl("Price") as RadNumericTextBox).DbValue==null) 
        
                                        lineItem.Price = 0; 
        
                                    else 
        
                                       lineItem.Price = float.Parse((item["Price"].FindControl("Price") as RadNumericTextBox).DbValue.ToString()); 
        
                                    lineItem.Position = int.Parse((item["Position"].Controls[0] as TextBox).Text); 
        
                                    if ((item["EstimatedDeliveryDate"].FindControl("EstimatedDeliveryDate") as RadDatePicker).DbSelectedDate == null) 
        
                                        (item["EstimatedDeliveryDate"].FindControl("EstimatedDeliveryDate") as RadDatePicker).DbSelectedDate = DateTime.Now; 
        
                                    lineItem.EstimatedDeliveryDate =(DateTime)(item["EstimatedDeliveryDate"].FindControl("EstimatedDeliveryDate") as RadDatePicker).SelectedDate; 
        
                                    lineItem.Received = (item.FindControl("Received") as CheckBox).Checked; 
        
                                    lineItem.Invoiced = (item.FindControl("Invoiced")  as CheckBox).Checked; 
        
                                    //lines.Add(lineItem); 
        
                                } 
        
                            } 
        
                        }

lineItem.Product = (item["Product"].FindControl("ProductCombo") as RadComboBox).Text; gives me Null.actually every single control returns null reference.when page viewstate is true.everythink works fine .What seems to be problem.Is there any other way handle big viewstate?

Grid

answered on 10 Feb 2009

2 answers

233 views

[Solved] Setting Grid Page with Combobox

I want a custom pager template that will change the page via the SelectedIndexChanged event of a combobox. I've seen all the demos and threads on pager templates, but none on changing the page with a combobox. Basically, I would like to fill the combobox with values from 1 to NumberOfPages. Then, when a user selects a page number from the combobox, the grid will set to that page. The combobox's selectedvalue should match the current page once selected. I can't seem to figure this out. I'm using VB. Can anyone provide any direction, or better yet, code examples of how to accomplish this?

Grid

answered on 10 Feb 2009