Skinned RadWindow does not show CLOSE button

[Jonathan]

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));

            }
     

 

[Rumen]

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

[Jonathan]

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

[Rumen]

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

[Jonathan]

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"));
});
//]]>

 

[Jonathan]

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")%>'); }

 

[Rumen]

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 {

    background-image: url(https://d35islomi5rx1v.cloudfront.net/ajaxz/2018.2.710/Silk/Common/radActionsSprite.png);

    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

[Jonathan]

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

[Rumen]

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

[Jonathan]

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

thx

[Rumen]

You can reach me at rumen.zhekov at progress.com 

Best regards,
Rumen
Progress Telerik

[Rumen]

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

[Jonathan]

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

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

[Jonathan]

See the about window

[Rumen]

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

[Jonathan]

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

[Rumen]

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

[Jonathan]

thx.. that worked