This is a migrated thread and some comments may be shown as answers.

Skinned RadWindow does not show CLOSE button

17 Answers 53 Views
Theme Builder
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Veteran
Jonathan asked on 06 Jul 2018, 12:01 AM

Hi..

Again .. I have a custom skinned window. But the CLOSE button does not appear on the 'title'. If I remove the skin. It shows the close.

Any ideas?  thx again!!

 


            <telerik:RadWindow  Skin="Flom" EnableEmbeddedSkins="false" rendermode="Lightweight" runat="server" ID="RadWindow_NavigateUrl" NavigateUrl="About.aspx" Height="300" Width="350" EnableShadow="true"  IconUrl="images/GlobeSmall.png"  
                  Modal="true" Behaviors="Close" ShowContentDuringLoad="true" RestrictionZoneID="NavigateUrlZone"  Animation="FlyIn" VisibleStatusbar="False">
            </telerik:RadWindow>

 

          

 

    if (e.CommandName == "btnPrint")
            {
                GridEditableItem editedItem = (GridEditableItem)e.Item;

                Session["PO_NO"] = editedItem.GetDataKeyValue("po_no").ToString();
       
                RadWindow_NavigateUrl.NavigateUrl = "ReportViewer.aspx";

                string _title = String.Concat("Flom PO ", " - ", editedItem.GetDataKeyValue("po_no").ToString());

                RadAjaxManager1.ResponseScripts.Add(String.Format("var wnd = $find('{0}'); wnd.show(); wnd.set_title('{1}')", RadWindow_NavigateUrl.ClientID, _title));

            }

     

 


17 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 10 Jul 2018, 06:53 AM
Hello Jonathan,

Do you get any errors in the DevTools console or error 404 for missing resources in the Network tab of your browser?

The problem could be due to mixed render modes on the page, missing or not loaded font, missing class or something else.

My advice is to compare the rendering on your end with the attached one in the image from the Render Mode demo which will allow you to see what's the reason for the issue.

If you experience troubles to troubleshoot the problem, can you please provide a live URL to the page so that I can examine it on my end.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 10 Jul 2018, 11:17 AM

Hi..

 

I get the following:

%3C%=WebResource(%22Telerik.Web.UI.Skins.Flom.Common.loading_small.gif%22)%%3E:1 Failed to load resource: the server responded with a status of 400 (Bad Request).

The "ReportViewer.aspx" - content page  is skinned? and looks good

0
Rumen
Telerik team
answered on 11 Jul 2018, 03:42 PM
Hello,

The lightweight rendering of the control does not render images, and if everything is rendered properly such a webresource %3C%=WebResource(%22Telerik.Web.UI.Skins.Flom.Common.loading_small.gif%22)%%  should not be served from the server. This problem leads me to think that the problem is due to mixture of render modes on the page.

Are the any other Telerik controls on that page? Can you set all of their RenderMode properties to Lightweight? If the problem still persists, try to remove the controls on by one from the page to find which one is causing the issue.

You can find more information in this article: Incorrect or Distorted Appearance.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 12 Jul 2018, 11:39 AM

Hi..

If I remove my grid the error goes away.. But it's being skinned. I use the same grid code on another page without any errors.

See below the error/lines.. any ideas?   thx!

    this.RadGrid1.Skin = "Flom";
            this.RadGrid1.EnableEmbeddedSkins = false;
            this.RadGrid1.RenderMode = RenderMode.Lightweight;

 

 

<script type="text/javascript">
//<![CDATA[
;(function() {
                        function loadHandler() {
                            var hf = $get('RadStyleSheet1_TSSM');
                            if (!hf._RSSM_init) { hf._RSSM_init = true; hf.value = ''; }
                            hf.value += ';Telerik.Web.UI, Version=2015.1.225.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-US:d3cd47d0-4d93-4bad-8b9f-f9fea0aa4c69:e347b32f:62e8a487:3e0dfe6c:3920021:959c7879:70f64cac:ba1b8630:45085116:5675d0e5';
                            Sys.Application.remove_load(loadHandler);
                        };
                        Sys.Application.add_load(loadHandler);
                    })();Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadFormDecorator, {"_renderMode":2,"clientStateFieldID":"ctl00_RadFormDecorator1_ClientState","decoratedControls":1039,"enabled":true,"skin":"Flom"}, null, null, $get("ctl00_RadFormDecorator1"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadMenu, {"_childListElementCssClass":null,"_renderMode":2,"_skin":"Flom","attributes":{},"clientStateFieldID":"ctl00_RadMenu_ClientState","collapseAnimation":"{\"duration\":450}","enableRoundedCorners":true,"enableShadows":true,"expandAnimation":"{\"duration\":450}","itemData":[{"navigateUrl":"PurchaseOrders.aspx"},{"navigateUrl":"ShippingHistory.aspx"},{},{"value":"About"}]}, {"itemClicked":openWinNavigateUrl}, null, $get("ctl00_RadMenu"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadWindowManager, {"_renderMode":2,"animation":8,"autoSize":true,"behaviors":4,"clientStateFieldID":"ctl00_RadWindowAbout_ClientState","formID":"form1","iconUrl":"images/GlobeSmall.png","minimizeIconUrl":"images/GlobeSmall.png","modal":true,"name":"RadWindowAbout","skin":"Flom","visibleStatusbar":false,"windowControls":"[]"}, null, null, $get("ctl00_RadWindowAbout"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadWindow, {"_dockMode":false,"_renderMode":2,"animation":8,"autoSize":true,"behaviors":4,"clientStateFieldID":"ctl00_RadWindow_NavigateUrl_ClientState","enableShadow":true,"formID":"form1","iconUrl":"images/GlobeSmall.png","minimizeIconUrl":"images/GlobeSmall.png","modal":true,"name":"RadWindow_NavigateUrl","navigateUrl":"About.aspx","restrictionZoneID":"NavigateUrlZone","skin":"Flom","visibleStatusbar":false}, null, null, $get("ctl00_RadWindow_NavigateUrl"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadAjaxManager, {"_updatePanels":"","ajaxSettings":[{InitControlID : "ctl00_ContentPlaceHolder1_RadComboBoxPO",UpdatedControls : [{ControlID:"ContentPlaceHolder1_placeholderGrid",PanelID:""}]},{InitControlID : "ctl00_ContentPlaceHolder1_RadDatePickerFROM",UpdatedControls : [{ControlID:"ContentPlaceHolder1_placeholderGrid",PanelID:""}]},{InitControlID : "ctl00_ContentPlaceHolder1_RadDatePickerTO",UpdatedControls : [{ControlID:"ContentPlaceHolder1_placeholderGrid",PanelID:""}]}],"clientEvents":{OnRequestStart:"",OnResponseEnd:""},"defaultLoadingPanelID":"ContentPlaceHolder1_LoadingPanelGrid","enableAJAX":true,"enableHistory":false,"links":[],"styles":[],"uniqueID":"ctl00$ContentPlaceHolder1$RadAjaxManager1","updatePanelsRenderMode":0}, null, null, $get("ctl00_ContentPlaceHolder1_RadAjaxManager1"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadWindow, {"_dockMode":false,"_renderMode":2,"animation":8,"autoSize":true,"behaviors":52,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadWindow_NavigateUrl_ClientState","formID":"form1","iconUrl":"images/GlobeSmall.png","minimizeIconUrl":"images/GlobeSmall.png","modal":true,"name":"RadWindow_NavigateUrl","navigateUrl":"ReportViewer.aspx","reloadOnShow":true,"skin":"Flom","visibleStatusbar":false}, null, null, $get("ctl00_ContentPlaceHolder1_RadWindow_NavigateUrl"));
});

WebForm_InitCallback();Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadComboBox, {"_dropDownWidth":220,"_height":450,"_isTemplated":true,"_postBackReference":"__doPostBack(\u0027ctl00$ContentPlaceHolder1$RadComboBoxPO\u0027,\u0027arguments\u0027)","_renderMode":2,"_skin":"Flom","_uniqueId":"ctl00$ContentPlaceHolder1$RadComboBoxPO","allowCustomText":true,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadComboBoxPO_ClientState","collapseAnimation":"{\"duration\":450}","emptyMessage":"Enter PO","enableLoadOnDemand":true,"expandAnimation":"{\"duration\":450}","filter":2,"highlightTemplatedItems":true,"itemData":[],"localization":"{\"AllItemsCheckedString\":\"All items checked\",\"ItemsCheckedString\":\"items checked\",\"CheckAllString\":\"Check All\"}"}, null, null, $get("ctl00_ContentPlaceHolder1_RadComboBoxPO"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadCalendar, {"_DayRenderChangedDays":{},"_FormatInfoArray":[["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["January","February","March","April","May","June","July","August","September","October","November","December",""],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"dddd, MMMM d, yyyy h:mm:ss tt","dddd, MMMM d, yyyy","h:mm:ss tt","MMMM d","ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","M/d/yyyy","h:mm tt","yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","MMMM yyyy","AM","PM","/",":",0],"_ViewRepeatableDays":{},"_ViewsHash":{"ctl00_ContentPlaceHolder1_RadDatePickerFROM_calendar_Top" : [[2018,7,1], 1]},"_calendarWeekRule":0,"_culture":"en-US","_enableKeyboardNavigation":true,"_enableViewSelector":false,"_firstDayOfWeek":7,"_postBackCall":"__doPostBack(\u0027ctl00$ContentPlaceHolder1$RadDatePickerFROM$calendar\u0027,\u0027@@\u0027)","_rangeSelectionMode":0,"_renderMode":2,"_showRowHeaders":false,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadDatePickerFROM_calendar_ClientState","enableMultiSelect":false,"enabled":true,"monthYearNavigationSettings":["Today","OK","Cancel","Date is out of range.","False","True","300","1","300","1","False"],"showOtherMonthsDays":false,"skin":"Flom","specialDaysArray":[],"stylesHash":{"DayStyle": ["", ""],"CalendarTableStyle": ["", "rcMainTable"],"OtherMonthDayStyle": ["", "rcOtherMonth"],"TitleStyle": ["", ""],"SelectedDayStyle": ["", "rcSelected"],"SelectorStyle": ["", ""],"DisabledDayStyle": ["", "rcDisabled"],"OutOfRangeDayStyle": ["", "rcOutOfRange"],"WeekendDayStyle": ["", "rcWeekend"],"DayOverStyle": ["", "rcHover"],"FastNavigationStyle": ["", "RadCalendarMonthView RadCalendarMonthView_Flom"],"ViewSelectorStyle": ["", "rcViewSel"]},"useColumnHeadersAsSelectors":false,"useRowHeadersAsSelectors":false}, null, null, $get("ctl00_ContentPlaceHolder1_RadDatePickerFROM_calendar"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadDateInput, {"_displayText":"Start Date","_focused":false,"_initialValueAsText":"","_postBackEventReferenceScript":"__doPostBack(\u0027ctl00$ContentPlaceHolder1$RadDatePickerFROM\u0027,\u0027\u0027)","_renderMode":2,"_skin":"Flom","_validationText":"","autoPostBack":true,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadDatePickerFROM_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,"Day":1,"Year":2},"ShortYearCenturyEnd":2029,"TimeInputOnly":false,"MonthYearOnly":false},"displayDateFormat":"M/d/yyyy","emptyMessage":"Start Date","enabled":true,"incrementSettings":{InterceptArrowKeys:true,InterceptMouseWheel:true,Step:1},"styles":{HoveredStyle: ["width:100px;", "riTextBox riHover"],InvalidStyle: ["width:100px;", "riTextBox riError"],DisabledStyle: ["width:100px;", "riTextBox riDisabled"],FocusedStyle: ["width:100px;", "riTextBox riFocused"],EmptyMessageStyle: ["width:100px;", "riTextBox riEmpty"],ReadOnlyStyle: ["width:100px;", "riTextBox riRead"],EnabledStyle: ["width:100px;", "riTextBox riEnabled"]}}, null, null, $get("ctl00_ContentPlaceHolder1_RadDatePickerFROM_dateInput"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadDatePicker, {"_PopupButtonSettings":{ ResolvedImageUrl : "", ResolvedHoverImageUrl : ""},"_animationSettings":{ShowAnimationDuration:300,ShowAnimationType:1,HideAnimationDuration:0,HideAnimationType:1},"_popupControlID":"ctl00_ContentPlaceHolder1_RadDatePickerFROM_popupButton","_renderMode":2,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadDatePickerFROM_ClientState","focusedDate":"2018-07-12-00-00-00"}, null, {"calendar":"ctl00_ContentPlaceHolder1_RadDatePickerFROM_calendar","dateInput":"ctl00_ContentPlaceHolder1_RadDatePickerFROM_dateInput"}, $get("ctl00_ContentPlaceHolder1_RadDatePickerFROM"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadCalendar, {"_DayRenderChangedDays":{},"_FormatInfoArray":[["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["January","February","March","April","May","June","July","August","September","October","November","December",""],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"dddd, MMMM d, yyyy h:mm:ss tt","dddd, MMMM d, yyyy","h:mm:ss tt","MMMM d","ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","M/d/yyyy","h:mm tt","yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","MMMM yyyy","AM","PM","/",":",0],"_ViewRepeatableDays":{},"_ViewsHash":{"ctl00_ContentPlaceHolder1_RadDatePickerTO_calendar_Top" : [[2018,7,1], 1]},"_calendarWeekRule":0,"_culture":"en-US","_enableKeyboardNavigation":true,"_enableViewSelector":false,"_firstDayOfWeek":7,"_postBackCall":"__doPostBack(\u0027ctl00$ContentPlaceHolder1$RadDatePickerTO$calendar\u0027,\u0027@@\u0027)","_rangeSelectionMode":0,"_renderMode":2,"_showRowHeaders":false,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadDatePickerTO_calendar_ClientState","enableMultiSelect":false,"enabled":true,"monthYearNavigationSettings":["Today","OK","Cancel","Date is out of range.","False","True","300","1","300","1","False"],"showOtherMonthsDays":false,"skin":"Flom","specialDaysArray":[],"stylesHash":{"DayStyle": ["", ""],"CalendarTableStyle": ["", "rcMainTable"],"OtherMonthDayStyle": ["", "rcOtherMonth"],"TitleStyle": ["", ""],"SelectedDayStyle": ["", "rcSelected"],"SelectorStyle": ["", ""],"DisabledDayStyle": ["", "rcDisabled"],"OutOfRangeDayStyle": ["", "rcOutOfRange"],"WeekendDayStyle": ["", "rcWeekend"],"DayOverStyle": ["", "rcHover"],"FastNavigationStyle": ["", "RadCalendarMonthView RadCalendarMonthView_Flom"],"ViewSelectorStyle": ["", "rcViewSel"]},"useColumnHeadersAsSelectors":false,"useRowHeadersAsSelectors":false}, null, null, $get("ctl00_ContentPlaceHolder1_RadDatePickerTO_calendar"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadDateInput, {"_displayText":"End Date","_focused":false,"_initialValueAsText":"","_postBackEventReferenceScript":"__doPostBack(\u0027ctl00$ContentPlaceHolder1$RadDatePickerTO\u0027,\u0027\u0027)","_renderMode":2,"_skin":"Flom","_validationText":"","autoPostBack":true,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadDatePickerTO_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,"Day":1,"Year":2},"ShortYearCenturyEnd":2029,"TimeInputOnly":false,"MonthYearOnly":false},"displayDateFormat":"M/d/yyyy","emptyMessage":"End Date","enabled":true,"incrementSettings":{InterceptArrowKeys:true,InterceptMouseWheel:true,Step:1},"styles":{HoveredStyle: ["width:100px;", "riTextBox riHover"],InvalidStyle: ["width:100px;", "riTextBox riError"],DisabledStyle: ["width:100px;", "riTextBox riDisabled"],FocusedStyle: ["width:100px;", "riTextBox riFocused"],EmptyMessageStyle: ["width:100px;", "riTextBox riEmpty"],ReadOnlyStyle: ["width:100px;", "riTextBox riRead"],EnabledStyle: ["width:100px;", "riTextBox riEnabled"]}}, null, null, $get("ctl00_ContentPlaceHolder1_RadDatePickerTO_dateInput"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadDatePicker, {"_PopupButtonSettings":{ ResolvedImageUrl : "", ResolvedHoverImageUrl : ""},"_animationSettings":{ShowAnimationDuration:300,ShowAnimationType:1,HideAnimationDuration:0,HideAnimationType:1},"_popupControlID":"ctl00_ContentPlaceHolder1_RadDatePickerTO_popupButton","_renderMode":2,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadDatePickerTO_ClientState","focusedDate":"2018-07-12-00-00-00"}, null, {"calendar":"ctl00_ContentPlaceHolder1_RadDatePickerTO_calendar","dateInput":"ctl00_ContentPlaceHolder1_RadDatePickerTO_dateInput"}, $get("ctl00_ContentPlaceHolder1_RadDatePickerTO"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadButton, {"_accessKey":"","_hasIcon":false,"_hasImage":false,"_isClientSubmit":false,"_isImageButton":false,"_postBackReference":"","_renderMode":2,"clientStateFieldID":"ctl00_ContentPlaceHolder1_btnReset_ClientState","iconData":{},"imageData":{},"text":"Reset/Refresh Data","toggleStatesData":[],"uniqueGroupName":"","uniqueID":"ctl00$ContentPlaceHolder1$btnReset"}, null, null, $get("ctl00_ContentPlaceHolder1_btnReset"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadAjaxLoadingPanel, {"initialDelayTime":0,"isSticky":false,"minDisplayTime":0,"skin":"Flom","uniqueID":"ctl00$ContentPlaceHolder1$LoadingPanelGrid","zIndex":90000}, null, null, $get("ContentPlaceHolder1_LoadingPanelGrid"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadDateInput, {"_displayText":"","_focused":false,"_initialValueAsText":"","_postBackEventReferenceScript":"__doPostBack(\u0027ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl02$ctl03$RDIPFpodate\u0027,\u0027\u0027)","_renderMode":2,"_skin":"Flom","_validationText":"","clientStateFieldID":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl03_RDIPFpodate_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,"Day":1,"Year":2},"ShortYearCenturyEnd":2029,"TimeInputOnly":false,"MonthYearOnly":false},"displayDateFormat":"M/d/yyyy","enabled":true,"incrementSettings":{InterceptArrowKeys:true,InterceptMouseWheel:true,Step:1},"minDate":"1900-01-01-00-00-00","styles":{HoveredStyle: ["", "riTextBox riHover"],InvalidStyle: ["", "riTextBox riError"],DisabledStyle: ["", "riTextBox riDisabled"],FocusedStyle: ["", "riTextBox riFocused"],EmptyMessageStyle: ["", "riTextBox riEmpty"],ReadOnlyStyle: ["", "riTextBox riRead"],EnabledStyle: ["", "riTextBox riEnabled"]}}, {"keyPress":Telerik.Web.UI.RadInputControl.CancelRawEventOnEnterKey}, null, $get("ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl03_RDIPFpodate_dateInput"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadDatePicker, {"_PopupButtonSettings":{ ResolvedImageUrl : "", ResolvedHoverImageUrl : ""},"_animationSettings":{ShowAnimationDuration:300,ShowAnimationType:1,HideAnimationDuration:0,HideAnimationType:1},"_popupControlID":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl03_RDIPFpodate_popupButton","_renderMode":2,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl03_RDIPFpodate_ClientState","focusedDate":"2018-07-12-00-00-00","minDate":"1900-01-01-00-00-00"}, null, {"calendar":"ctl00_ContentPlaceHolder1_RadGrid1_gdtcSharedCalendar","dateInput":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl03_RDIPFpodate_dateInput"}, $get("ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl02_ctl03_RDIPFpodate"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadComboBox, {"_dropDownWidth":0,"_height":0,"_renderMode":2,"_skin":"Flom","_text":"10","_uniqueId":"ctl00$ContentPlaceHolder1$RadGrid1$ctl00$ctl03$ctl02$PageSizeComboBox","_value":"10","clientStateFieldID":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl03_ctl02_PageSizeComboBox_ClientState","collapseAnimation":"{\"duration\":450}","expandAnimation":"{\"duration\":450}","itemData":[{"value":"10","selected":true,"attributes":{"ownerTableViewId":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00"}},{"value":"20","attributes":{"ownerTableViewId":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00"}}],"localization":"{\"AllItemsCheckedString\":\"All items checked\",\"ItemsCheckedString\":\"items checked\",\"CheckAllString\":\"Check All\"}","selectedIndex":0}, {"selectedIndexChanged":Telerik.Web.UI.Grid.ChangePageSizeComboHandler,"selectedIndexChanging":Telerik.Web.UI.Grid.ChangingPageSizeComboHandler}, null, $get("ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl03_ctl02_PageSizeComboBox"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadContextMenu, {"_childListElementCssClass":null,"_renderMode":2,"_skin":"Flom","clickToOpen":true,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadGrid1_rfltMenu_ClientState","collapseAnimation":"{\"duration\":450}","expandAnimation":"{\"duration\":450}","itemData":[{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"NoFilter"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"Contains"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"DoesNotContain"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"StartsWith"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"EndsWith"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"EqualTo"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"NotEqualTo"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"GreaterThan"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"LessThan"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"GreaterThanOrEqualTo"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"LessThanOrEqualTo"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"Between"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"NotBetween"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"IsEmpty"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"NotIsEmpty"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"IsNull"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"NotIsNull"},{"attributes":{"columnUniqueName":"","tableID":""},"postBack":0,"value":"Custom"}],"targets":[]}, null, null, $get("ctl00_ContentPlaceHolder1_RadGrid1_rfltMenu"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadCalendar, {"_DayRenderChangedDays":{},"_FormatInfoArray":[["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["January","February","March","April","May","June","July","August","September","October","November","December",""],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"dddd, MMMM d, yyyy h:mm:ss tt","dddd, MMMM d, yyyy","h:mm:ss tt","MMMM d","ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","M/d/yyyy","h:mm tt","yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","MMMM yyyy","AM","PM","/",":",0],"_ViewRepeatableDays":{},"_ViewsHash":{"ctl00_ContentPlaceHolder1_RadGrid1_gdtcSharedCalendar_Top" : [[2018,7,1], 1]},"_calendarWeekRule":0,"_culture":"en-US","_enableKeyboardNavigation":false,"_enableViewSelector":false,"_firstDayOfWeek":7,"_postBackCall":"__doPostBack(\u0027ctl00$ContentPlaceHolder1$RadGrid1$gdtcSharedCalendar\u0027,\u0027@@\u0027)","_rangeSelectionMode":0,"_renderMode":2,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadGrid1_gdtcSharedCalendar_ClientState","enabled":true,"monthYearNavigationSettings":["Today","OK","Cancel","Date is out of range.","False","True","300","1","300","1","False"],"skin":"Flom","specialDaysArray":[],"stylesHash":{"DayStyle": ["", ""],"CalendarTableStyle": ["", "rcMainTable"],"OtherMonthDayStyle": ["", "rcOtherMonth"],"TitleStyle": ["", ""],"SelectedDayStyle": ["", "rcSelected"],"SelectorStyle": ["", ""],"DisabledDayStyle": ["", "rcDisabled"],"OutOfRangeDayStyle": ["", "rcOutOfRange"],"WeekendDayStyle": ["", "rcWeekend"],"DayOverStyle": ["", "rcHover"],"FastNavigationStyle": ["", "RadCalendarMonthView RadCalendarMonthView_Flom"],"ViewSelectorStyle": ["", "rcViewSel"]},"useColumnHeadersAsSelectors":false,"useRowHeadersAsSelectors":false}, null, null, $get("ctl00_ContentPlaceHolder1_RadGrid1_gdtcSharedCalendar"));
});
Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadGrid, {"ClientID":"ctl00_ContentPlaceHolder1_RadGrid1","ClientSettings":{"AllowAutoScrollOnDragDrop":true,"ColumnsReorderMethod":1,"ShouldCreateRows":true,"ReorderColumnsOnClient":true,"DataBinding":{},"Selecting":{"CellSelectionMode":0},"Scrolling":{"AllowScroll":true,"FrozenColumnsCount":2,"SaveScrollPosition":true,"ScrollHeight":"300px","UseStaticHeaders":true},"Resizing":{},"ClientMessages":{},"KeyboardNavigationSettings":{"AllowActiveRowCycle":false,"EnableKeyboardShortcuts":true,"FocusKey":89,"InitInsertKey":73,"RebindKey":82,"ExitEditInsertModeKey":27,"UpdateInsertItemKey":13,"DeleteActiveRow":127,"ExpandDetailTableKey":39,"CollapseDetailTableKey":37,"SaveChangesKey":85,"CancelChangesKey":67},"Animation":{"AllowColumnReorderAnimation":true,"ColumnReorderAnimationDuration":300,"AllowColumnRevertAnimation":true,"ColumnRevertAnimationDuration":300},"Virtualization":{}},"Skin":"Flom","UniqueID":"ctl00$ContentPlaceHolder1$RadGrid1","_activeRowIndex":"","_controlToFocus":"","_currentPageIndex":0,"_defaultDateTimeFormat":"M/d/yyyy h:mm:ss tt","_editIndexes":"[]","_embeddedSkin":false,"_freezeText":"Freeze","_gridTableViewsData":"[{\"ClientID\":\"ctl00_ContentPlaceHolder1_RadGrid1_ctl00\",\"UniqueID\":\"ctl00$ContentPlaceHolder1$RadGrid1$ctl00\",\"PageSize\":10,\"PageCount\":10,\"EditMode\":\"EditForms\",\"AllowPaging\":true,\"CurrentPageIndex\":0,\"VirtualItemCount\":0,\"AllowMultiColumnSorting\":false,\"AllowNaturalSort\":true,\"AllowFilteringByColumn\":true,\"PageButtonCount\":10,\"HasDetailTables\":false,\"HasMultiHeaders\":false,\"CheckListWebServicePath\":\"\",\"GroupLoadMode\":\"Server\",\"PagerAlwaysVisible\":false,\"Name\":\"Master\",\"IsItemInserted\":false,\"clientDataKeyNames\":[],\"hasDetailItemTemplate\":false,\"_dataBindTemplates\":false,\"_selectedItemStyle\":\"\",\"_selectedItemStyleClass\":\"rgSelectedRow\",\"isFilterItemExpanded\":false,\"_columnsData\":[{\"UniqueName\":\"ExpandColumn\",\"Resizable\":false,\"Reorderable\":false,\"Selectable\":false,\"Groupable\":false,\"ColumnType\":\"GridExpandColumn\",\"ColumnGroupName\":\"\",\"Editable\":false,\"DataTypeName\":\"System.String\",\"FilterListOptions\":0,\"CurrentFilterFunction\":0,\"CurrentFilterValue\":\"\",\"AndCurrnetFilterFunction\":0,\"AndCurrentFilterValue\":\"\",\"Acff\":\"NoFilter\",\"CurrentFilterFunctionName\":\"NoFilter\",\"AndCurrentFilterFunctionName\":\"NoFilter\",\"Display\":true},{\"UniqueName\":\"po_no\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridBoundColumn\",\"ColumnGroupName\":\"\",\"Editable\":true,\"SortExpression\":\"po_no\",\"DataTypeName\":\"System.Int32\",\"FilterListOptions\":0,\"CurrentFilterFunction\":0,\"CurrentFilterValue\":\"\",\"AndCurrnetFilterFunction\":0,\"AndCurrentFilterValue\":\"\",\"Acff\":\"NoFilter\",\"CurrentFilterFunctionName\":\"NoFilter\",\"AndCurrentFilterFunctionName\":\"NoFilter\",\"DataField\":\"po_no\",\"Display\":true},{\"UniqueName\":\"podate\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridDateTimeColumn\",\"ColumnGroupName\":\"\",\"Editable\":true,\"SortExpression\":\"podate\",\"DataTypeName\":\"System.DateTime\",\"FilterListOptions\":0,\"CurrentFilterFunction\":0,\"CurrentFilterValue\":\"\",\"AndCurrnetFilterFunction\":0,\"AndCurrentFilterValue\":\"\",\"Acff\":\"NoFilter\",\"CurrentFilterFunctionName\":\"NoFilter\",\"AndCurrentFilterFunctionName\":\"NoFilter\",\"DataField\":\"podate\",\"DataFormatString\":\"{0:dd/MM/yyyy}\",\"EnableRangeFiltering\":false,\"Display\":true},{\"UniqueName\":\"PrintNotes\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":true,\"Groupable\":true,\"ColumnType\":\"GridBoundColumn\",\"ColumnGroupName\":\"\",\"Editable\":true,\"SortExpression\":\"PrintNotes\",\"DataTypeName\":\"System.String\",\"FilterListOptions\":0,\"CurrentFilterFunction\":0,\"CurrentFilterValue\":\"\",\"AndCurrnetFilterFunction\":0,\"AndCurrentFilterValue\":\"\",\"Acff\":\"NoFilter\",\"CurrentFilterFunctionName\":\"NoFilter\",\"AndCurrentFilterFunctionName\":\"NoFilter\",\"DataField\":\"PrintNotes\",\"Display\":true},{\"UniqueName\":\"btnPRINT_PO\",\"Resizable\":true,\"Reorderable\":true,\"Selectable\":false,\"Groupable\":false,\"ColumnType\":\"GridButtonColumn\",\"ColumnGroupName\":\"\",\"Editable\":false,\"DataTypeName\":\"System.String\",\"FilterListOptions\":0,\"CurrentFilterFunction\":0,\"CurrentFilterValue\":\"\",\"AndCurrnetFilterFunction\":0,\"AndCurrentFilterValue\":\"\",\"Acff\":\"NoFilter\",\"CurrentFilterFunctionName\":\"NoFilter\",\"AndCurrentFilterFunctionName\":\"NoFilter\",\"ButtonType\":\"PushButton\",\"CommandName\":\"btnPrint\",\"CommandArgument\":\"\",\"Text\":\"\",\"DataTextField\":\"\",\"DataTextFormatString\":\"\",\"ImageUrl\":\"\",\"Display\":true}]}]","_loadingText":"Loading...","_masterClientID":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00","_readyText":"Ready","_shouldFocusOnPage":false,"_statusLabelID":"ctl00_ContentPlaceHolder1_RadGrid1_ctl00_ctl03_ctl02_statusPanel","_unfreezeText":"Unfreeze","allowMultiRowSelection":false,"clientStateFieldID":"ctl00_ContentPlaceHolder1_RadGrid1_ClientState","expandItems":{},"renderMode":2}, {"rowClick":rowClicked}, null, $get("ctl00_ContentPlaceHolder1_RadGrid1"));
});
//]]>

 

0
Jonathan
Top achievements
Rank 1
Veteran
answered on 12 Jul 2018, 11:50 AM

Hi..

The generated FLOM.css contain this

 .RadAutoCompleteBox_Flom .p-i-loading {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Flom.Common.loading_small.gif")%>'); }

 

0
Rumen
Telerik team
answered on 13 Jul 2018, 02:00 PM
Hello Jonathan,

I can confirm that the Theme Builder incorrectly generates css files with embedded webresources for the loading_small.gif image, but this image is not related to the X font icon of the RadWindow controls.

Can you please add the following classes on the page:

.RadWindow_Flom .rwTable .rwControlButtons li a {
    width: 28px;
    height: 28px;
    margin: 0 2px;
}
 
.RadWindow_Flom a.rwCloseButton {
    background-position: -11px -1911px;
}

.RadWindow .rwCloseButton:before {
    content: "\e11b";
}
.RadWindow .rwCommandButton:before {
    content: "";
    margin: auto;
    padding: 0;
    display: inline-block;
    font: 16px/1 "WebComponentsIcons";
    text-align: center;
    vertical-align: top;
}

If you are unable to solve the problem with these classes, please isolate it in a simple runnable project and provide it for examination on our end.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 13 Jul 2018, 02:22 PM

Hi.. didn't work.. added them to the MasterPage and pages. Added them to the Window skin css

Can't see Close button - get the tool tip only when hovering.

 

Any ideas?

thx again

0
Rumen
Telerik team
answered on 13 Jul 2018, 02:42 PM
Hello,

Would it be possible to provide at least a live URL to that page so that I can examine it on my end?

Another options is to manually examine with DevTools HTML inspector the place where the tooltip pops up and see what resource is expected and to provide it by a manual CSS override.

Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 13 Jul 2018, 02:48 PM

Sure... where can I send you the URL and user/pass?  Don't want to post it on the forum.

thx

0
Rumen
Telerik team
answered on 13 Jul 2018, 03:04 PM
You can reach me at rumen.zhekov at progress.com 

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Rumen
Telerik team
answered on 16 Jul 2018, 10:32 AM
Hi John,

Thank you for the provided credentials via email.

I examined the project and noticed that you are using an old version of Telerik.Web.UI.dll assembly 2015.1.225.45, which uses a different font (font-family: "TelerikWebUI";) than the one distributed by the latest version and used by the custom skins produced by the Theme Builder (font: 16px/1 "WebComponentsIcons";).

My advice is to backup your project and perform an upgrade to the latest version 2018.2.710 (R2 2018 SP1) to ensure support for the latest browser and security updates.  

You can find upgrade instructions at Upgrade to a Newer Version of TelerikĀ® UI for ASP.NET AJAX.


Once you upgrade the project let me know how it goes and if the problem still persists.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 16 Jul 2018, 10:55 AM

Hi.. thanks ,, I did not see that.

I updated. But the Login window is now 'off' . About window opens and gets shrunk. 

0
Jonathan
Top achievements
Rank 1
Veteran
answered on 16 Jul 2018, 11:23 AM
See the about window
0
Rumen
Telerik team
answered on 16 Jul 2018, 12:13 PM
Hi again,

Please review the following help article on the subject: Autosizing Issues. To fix the autozing problem set Width and Height dimensions to the body of the page loaded in the Window control.

Kind regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 16 Jul 2018, 12:26 PM

I still don't understand why the About window is just a single line? The only thing that changed is the version of the telerik DLL.

thx

0
Accepted
Rumen
Telerik team
answered on 16 Jul 2018, 01:24 PM
There are updates and fixes in the Autoresize functionality of RadWindow and not it requires that the loaded content has set explicit dimensions so that it can calculate properly the size of the window. The observed behavior is due to that the body does not have dimensions set in pixels and that's why the problem arises. 


Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 16 Jul 2018, 01:32 PM
thx.. that worked
Tags
Theme Builder
Asked by
Jonathan
Top achievements
Rank 1
Veteran
Answers by
Rumen
Telerik team
Jonathan
Top achievements
Rank 1
Veteran
Share this question
or