Questions on UI for ASP.NET AJAX Forum

1 answer

178 views

Custom skins not working when using RadStyleSheetManager

Hi, I've been really struggling with getting a custom skin to work in a test website.

I created a simple skin through the telerik tool and extracted the zip file into my css folder. I added in the common and telerik folders to the same css folder.

When I use a direct link tag in the header

<link href="css/MySkin/Button.MySkin.css" rel="stylesheet" type="text/css" />

With my button:

<telerik:RadButton ID="RadButton1" runat="server" Skin="MySkin" EnableEmbeddedSkins="false" Text="RadButton" >

</telerik:RadButton>

It works fine and shows up correctly.

When I attempt to use a RadStyleSheetManager the button shows up but with nothing in the background. No image.

<telerik:RadStyleSheetManager
ID="RadStyleSheetManager1" runat="server">

<StyleSheets>

<telerik:StyleSheetReference IsCommonCss="true" Path="~/css/MySkin/Button.MySkin.css" />

</StyleSheets>

</telerik:RadStyleSheetManager>

I set the background in the css to just be a solid color and it shows up. So it looks like it's accessing the css and loading it correctly, but not actually loading the button image sprite.

<add key="Telerik.Web.UI.StyleSheetFolders" value="~/css/;~/css/Common/;~/css/Telerik/; ~/css/MySkin/; " />

Is in my web.config.

How can I use the RadStylesheetManager with my custom skin?

Visual Style Builder

answered on 26 Oct 2012

2 answers

99 views

Custom skin not showing up after upgrade

Hi, I had a custom skin in my current website and has been working fine for a while. I recently upgraded to the latest telerik asp.net ajax version using the upgrade wizard and it does not seem to be working at all anymore. I've compared the project prior to the update to the new project and I don't notice anything that is missing.

Basically everything looks normal, the buttons, or the skin around the rad window is just invisible.

I look at the css of the page and I see it referencing it correctly... I'm kind of at a lost. Is there any common problems with this that I should be looking for?

Thanks

Visual Style Builder

answered on 26 Oct 2012

1 answer

98 views

RadDock with TitlebarTemplate and UpdatePanel Renders strangely in Chrome

I have a RadDock with a TitlebarTemplate with an Update Panel with a LinkButton that takes the user to another .aspx page.
That all works well and renders properly in IE (thanks for the awesome control - love it).
My only issue is that these controls that have the updatepanels with the linkbuttons render wierdly in Chrome.

I have attached screenshots of both.
Following is my code, kindly assist!

.RadDock .rdCenter EM
{
font-size:22px;
vertical-align:top;
}

<telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableEmbeddedSkins="false"
Skin="None">
<table>
<tr>
<td rowspan="2" style="width: 25%; padding-left: 1%; padding-right: 1%; vertical-align: top">
<telerik:RadDockZone AllowedDocks="rdProjects" runat="server" ID="RadDockZone1" Orientation="vertical"
Style="border: 0; width: 280px">
<telerik:RadDock DockMode="Docked" runat="server" ID="rdProjects" Font-Size="20px" EnableDrag="false"
Title="Latest Featured Projects" Height="390px" EnableRoundedCorners="true" Skin="WebBlue"
DefaultCommands="None" Style="padding-top: 6px">
<TitlebarTemplate>
<asp:UpdatePanel runat="server" ID="UpdatePanel1">
<ContentTemplate>
<asp:LinkButton runat="server" ID="LinkButton1" ForeColor="White" Text="Latest Featured Projects"
OnClientClick="GoToPage('ProjectListing.aspx');">
</asp:LinkButton>
<br />
<br />
<div id="boats" >
@@$5$1$$@@
</div>
</ContentTemplate>
</asp:UpdatePanel>
</TitlebarTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
<td rowspan="2" valign="top" style="width: 25%; height: 17px; padding-left: 1%; padding-right: 1%;">
<telerik:RadDockZone AllowedDocks="rdTestimonials" runat="server" ID="RadDockZone2"
Orientation="vertical" Style="border: 0; width: 280px">
<telerik:RadDock DockMode="Docked" runat="server" ID="rdTestimonials" Font-Size="20px" EnableDrag="false"
Title="Testimonials" Height="390px" EnableRoundedCorners="true" Skin="WebBlue"
DefaultCommands="None" Style="padding-top: 6px">
<TitlebarTemplate>
<asp:UpdatePanel runat="server" ID="UpdatePanel2">
<ContentTemplate>
<asp:LinkButton runat="server" ID="LinkButton2" ForeColor="White" Text="Testimonials"
OnClientClick="GoToPage('Testimonials.aspx');">
</asp:LinkButton>
<br />
<br />
<div id="tests" style="color: Black">
@@[[6<div class="testItem" style="width: 99%; padding: 1px; color: Black">
@@#6#@@
</div>
]]@@</div>
</ContentTemplate>
</asp:UpdatePanel>
</TitlebarTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
<td style="width: 50%;padding-top:5px">
<table >
<tr>
<td>
</td>
<td valign="top" style="width: 48%; padding-left: 1%; padding-right: 1%;">
<telerik:RadDockZone AllowedDocks="rdStats" runat="server" ID="RadDockZone3" Orientation="vertical"
Style="border: 0; width: 280px">
<telerik:RadDock DockMode="Docked" runat="server" ID="rdStats" Title="Current Stats" EnableDrag="false"
Height="170px" EnableRoundedCorners="true" Skin="WebBlue" DefaultCommands="None">
<ContentTemplate>
<br />
<table class="content">
<tr>
<td>
@@#4#@@
</td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
<td>
</td>
<td valign="top" style="width: 48%; padding-left: 1%; padding-right: 1%;">
<telerik:RadDockZone AllowedDocks="rdDiscounts" runat="server" ID="RadDockZone4"
Orientation="vertical" Style="border: 0; width: 280px">
<telerik:RadDock DockMode="Docked" runat="server" ID="rdDiscounts" Font-Size="20px" EnableDrag="false"
Title="Special Discounts" Height="170px" EnableRoundedCorners="true" Skin="WebBlue"
DefaultCommands="None">
<ContentTemplate>
<br />
<table>
<tr>
<td>
<a href="discount.aspx">
<img src="@@*5*@@" alt="@@?5?@@" /></a>
</td>
</tr>
</table>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width: 50%;">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
<td valign="top" style="width: 48%; padding-left: 1%; padding-right: 1%;">
<telerik:RadDockZone AllowedDocks="rdNews" runat="server" ID="RadDockZone5" Orientation="vertical"
Style="border: 0; width: 280px">
<telerik:RadDock DockMode="Docked" runat="server" ID="rdNews" Font-Size="20px" Title="News" EnableDrag="false"
EnableRoundedCorners="true" Skin="WebBlue" DefaultCommands="None" Height="200px">
<TitlebarTemplate>
<asp:UpdatePanel runat="server" ID="UpdatePanel4">
<ContentTemplate>
<asp:LinkButton runat="server" ID="LinkButton4" ForeColor="White" Text="News" OnClientClick="GoToPage('News.aspx');">
</asp:LinkButton><br /><br />
<div style="font-size: 12px">
@@^3^@@
</div>
</ContentTemplate>
</asp:UpdatePanel>
</TitlebarTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
<td>
</td>
<td valign="top" style="width: 48%; padding-left: 1%; padding-right: 1%;">
<telerik:RadDockZone AllowedDocks="rdProjects" runat="server" ID="RadDockZone6" Orientation="vertical"
Style="border: 0; width: 280px">
<telerik:RadDock DockMode="Docked" runat="server" ID="RadDock1" Font-Size="20px" EnableDrag="false"
Title="Events" Height="200px" EnableRoundedCorners="true" Skin="WebBlue" DefaultCommands="None">
<TitlebarTemplate>
<asp:UpdatePanel runat="server" ID="UpdatePanel3">
<ContentTemplate>
<asp:LinkButton runat="server" ID="LinkButton3" ForeColor="White" Text="Events" OnClientClick="GoToPage('Events.aspx');">
</asp:LinkButton><br /><br />
<div style="font-size: 12px">
@@^2^@@
</div>
</ContentTemplate>
</asp:UpdatePanel>
</TitlebarTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</td>
</tr>
</table>
</td>
</tr>
</table>
</telerik:RadDockLayout>

Dock

answered on 26 Oct 2012

4 answers

92 views

RadGrid & ASP.NET ScriptManager - Not using Ajax

I'm using RadGrid from your latest ASP.NET AJAX controls suite. I'm currently only using the UseStaticHeaders option and am doing nothing with Ajax but the grid still complains if I don't have ASP.NET's ScriptManager on the page. Is there any way to remove this requirement when I'm not using Ajax?

Also, given I'm using only UseStaticHeaders, I would like to NOT use EnabledEmbedScripts and only add the ones I really need to have the grid work properly. Is there a reference somewhere that can tell me what I need to add?

I'm trying to trim the fat on the page so I can ensure it loads as fast as possible. (Yes I know all of those resources are cached but it still takes ~ 1-2 seconds to reload the page from cache)

Grid

answered on 26 Oct 2012

1 answer

452 views

Reverse Proxy (ARR) and ScriptResource.axd Issue

Hi,
I'm having issue when I run my website on the Reverse Proxy layer. It will display the following javascript error.

These error are displayed in the frontend view:
=> Message: 'Sys.WebForms.PageRequestManager' is null or not an object
=> Message: Sys.ArgumentTypeException: Object of type 'Sys._Application' cannot be converted to type 'Sys._Application'.
Parameter name: instance

These error are displayed in the backend view:
=> Message: 'Sys.WebForms.PageRequestManager' is null or not an object
=> Message: 'Telerik' is undefined
=> Message: Sys.ArgumentTypeException: Object of type 'Sys._Application' cannot be converted to type 'Sys._Application'.
Parameter name: instance

They are all pointing to the "ScriptResource.axd" file and default file (frontend and backend).

When I run the website on the application layer, there is no error as shown above.

Is there any configuration need to enable reverse proxy server(ARR) to work?

Sitefinity verison: 3.6

Thanks.

General Discussions

answered on 26 Oct 2012

1 answer

48 views

Duplicate day displaying in Month View

In Scheduler control, I found it is displaying duplicate day in month view. Nov 4 is displaying two times on sun and monday. Please see my attachment. But other months looks fine

Scheduler

answered on 26 Oct 2012

7 answers

182 views

Guidance on embracing Metro Touch

I am looking for guidance on how best to take an existing web app which is heavily-invested in RAD Ajax controls and transforming it to use the new Metro Touch skin.
I see that page layout will be affected because the touch components need to be larger (finger vs mouse pointer).

I also see that our reliance on Tooltip functionality might be complicated because there is no "hover" event that I know about. Although new to tablets, I do know that there are distinctions between taps, presses and "long presses" (press and hold).

It would be helpful for Telerik to provide some type of conversion or best-practices advice as the touch skins are evolved.

Please note that in our case, Kendo is not an option, nor are we creating native apps, rather a "standard" web-site that works reasonably well for touch users, while maintaining full capability for mouse/keyboard.

General Discussions

answered on 26 Oct 2012

5 answers

73 views

RadScheduler Appointment Displays Truncated in WeekView Mode

Hi,

I have the RadScheduler for displaying events.Its working fine.
But ,While creating the appointment is 8 am to 9 am(Like this) or the whole day event the cell is not covered fully .
I had attached the Screenshot .Please give any suggestion

Thanks
Prabha

Scheduler

answered on 26 Oct 2012

4 answers

362 views

Radwindow problem with Firefox/Chrome

Hi everyone,
I have a problem with Radwindow: I use a radwindow as a popup/Waiting panel in my application and it opens inside an other radwindow containing an aspx page.
This popup/Waiting radwindow contains an aspx page.

With IE 9 there are not problems : the content of the popup/Waiting radwindow is correctly displayed and closed when the application finishes the loading.

With Firefox 16.0.1 and Chrome 22.0.1229.94 m the popup/Waiting radwindow is correctly shown and closed, but the content of the popup/Waiting radwindow is not displayed(Blank page)

My code for popup/Waiting radwindow content is the following

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Popup.aspx.vb" Inherits="Admin_AccountingManagement_Popup" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server" >

<div style="vertical-align: middle">

<table align="center">

<tr>

<td align="center">

<asp:Image ID="ImageWait" runat="server" ImageAlign="Middle"

ImageUrl="~/Admin/images/ajax-loader.gif" />

</td>

<td>

<div id = "LabelConn" style="display: none" align="center">

No Service connection

</div>

</td>

</tr>

<tr>

<td>

<asp:Label ID="LabelConnecting" runat="server" Text="Connecting...."

Font-Size="X-Large"></asp:Label>

</td>

<td align="center">

<input id="Button1" type="button" value="Close" onclick="Close()" style="display: none"/>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

The popup/Waiting radwindow is

<telerik:RadWindow runat="server"

Width="300"

Height="150"

VisibleStatusbar="false"

ID="AddWindow"

Modal="true"

KeepInScreenBounds="true"

Behaviors="Default"

Skin="Vista"

ReloadOnShow="True" VisibleTitlebar="false" VisibleOnPageLoad="False" ShowContentDuringLoad="True">

</telerik:RadWindow>

And the javascript used to open the popup/waiting radwindow is:

function Pop() {

var wnd = $find("<%=AddWindow.ClientID%>");

wnd.show();

//wnd.setUrl("/Admin/Mailing/OpenRooms.aspx?IDMailing=" + IDMailing + "&SupplierID=" + IDSupplier);

wnd.setUrl("/Admin/AccountingManagement/Popup.aspx");

}

As attachement two screenshots of the problem: 1st for IE; 2nd for firefox/Chrome

Window

answered on 26 Oct 2012

1 answer

135 views

catch Double click event of Scheduler cell

How can I catch double click event of scheduler cell and write my own code to redirect some other page? Is this possible on read only mode? If yes, how can we achieve this.

Thanks
Rajendra

Scheduler

answered on 26 Oct 2012