Coolite Forums / Coolite Toolkit / Help / GridView style affected by scriptmanager? / Latest Posts

RE: GridView style affected by scriptmanager?

Tbaseflug — Thu, 09 Jul 2009 10:56:33 GMT

here is my full client code:[code]

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ProFee3.aspx.cs" Inherits="Calculator_V2_Reports_ProFee"

Theme="CalcTheme" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

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

<title>Untitled Page</title>

<ext:ScriptContainer ID="ScriptContainer1" runat="server" />

<ext:StyleContainer ID="StyleContainer1" runat="server" />

function CopyGridViewPRO()

{

var div = document.getElementById('divGridViewPRO');

div.contentEditable = 'true';

var controlRange;

if (document.body.createControlRange) {

controlRange = document.body.createControlRange();

controlRange.addElement(div);

controlRange.execCommand('Copy');

}

div.contentEditable = 'false';

alert('The results have been copied to your clipboard');

}

</script>

</head>

<body>

<ext:ScriptManager ID="ScriptManager1" EnableTheming="true" runat="server">

</ext:ScriptManager>

<div>

<tr>

<asp:Label ID="lblTitle" runat="server" Text="Label"></asp:Label></td>

</tr>

<tr>

</td>

</tr>

<tr>

<asp:Label ID="lblDesc" runat="server" Text="Label"></asp:Label><asp:Panel Visible="false"

runat="server" ID="export" Style="float: right;">

<ext:HyperLink runat="server" ID="hrefPDF" IconCls="icon-pdf" Text="Export to PDF"

Target="_blank" />

<ext:HyperLink runat="server" ID="hrefXLS" IconCls="icon-xls" Text="Export to Excel"

Target="_blank" />

  | <ext:LinkButton runat="server" ID="lb1" IconCls="icon-clipboard" Text="Copy to Clipboad">

</Listeners>

</ext:LinkButton>

 | <ext:LinkButton runat="server" ID="lbSubscribe" IconCls="icon-emailadd"

Text="Subscribe">

</Listeners>

<ext:Parameter Name="action" Value="1" Mode="Raw" />

</ExtraParams>

</Click>

</AjaxEvents>

</ext:LinkButton>

<ext:LinkButton runat="server" ID="lbUnsubscribe" IconCls="icon-removed" Text="Unsubscribe">

</Listeners>

<ext:Parameter Name="action" Value="0" Mode="Raw" />

</ExtraParams>

</Click>

</AjaxEvents>

</ext:LinkButton>

</asp:Panel>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="False"

OnDataBound="format">

<asp:BoundField DataField="hcpsLabel" HtmlEncode="False" HeaderText="HCPCS/CPT®"

SortExpression="long_desc">

<%-- <ItemStyle Width="80px" />--%>

</asp:BoundField>

<asp:BoundField DataField="GLOB" HeaderText="Global Days" SortExpression="GLOB">

</asp:BoundField>

<asp:BoundField DataField="pctc" HeaderText="PC/TC Indicator" SortExpression="pctc">

</asp:BoundField>

<asp:BoundField DataField="si" HeaderText="Status Code" SortExpression="si">

</asp:BoundField>

<asp:BoundField DataField="1facRVU" HeaderText="Fac RVU" SortExpression="1facRVU">

</asp:BoundField>

<asp:BoundField DataField="1nonFacRVU" HeaderText="Non Fac RVU" SortExpression="1nonFacRVU">

</asp:BoundField>

<asp:BoundField DataField="1mpRVU" HeaderText="MP RVU" SortExpression="1mpRVU">

</asp:BoundField>

<asp:BoundField DataField="1fac" HeaderText="Fac" SortExpression="1fac" DataFormatString="{0:c}">

</asp:BoundField>

<asp:BoundField DataField="1nonFac" HeaderText="Non Fac" SortExpression="1nonFac"

DataFormatString="{0:c}">

</asp:BoundField>

<asp:BoundField DataField="2facRVU" HeaderText="Fac RVU" SortExpression="2facRVU">

</asp:BoundField>

<asp:BoundField DataField="2nonFacRVU" HeaderText="Non Fac RVU" SortExpression="2nonFacRVU">

</asp:BoundField>

<asp:BoundField DataField="2mpRVU" HeaderText="MP RVU" SortExpression="2mpRVU">

</asp:BoundField>

<asp:BoundField DataField="2fac" HeaderText="Fac" SortExpression="2fac" DataFormatString="{0:c}">

</asp:BoundField>

<asp:BoundField DataField="2nonFac" HeaderText="Non Fac" SortExpression="2nonFac"

DataFormatString="{0:c}">

</asp:BoundField>

<asp:BoundField DataField="3facRVU" HeaderText="Fac RVU" SortExpression="3facRVU">

</asp:BoundField>

<asp:BoundField DataField="3nonFacRVU" HeaderText="Non Fac RVU" SortExpression="3nonFacRVU">

</asp:BoundField>

<asp:BoundField DataField="3mpRVU" HeaderText="MP RVU" SortExpression="3mpRVU">

</asp:BoundField>

<asp:BoundField DataField="3fac" HeaderText="Fac" SortExpression="3fac" DataFormatString="{0:c}">

</asp:BoundField>

<asp:BoundField DataField="3nonFac" HeaderText="Non Fac" SortExpression="3nonFac"

DataFormatString="{0:c}">

</asp:BoundField>

</Columns>

</asp:GridView>

</div>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

[/code]

RE: GridView style affected by scriptmanager?

Tbaseflug — Thu, 09 Jul 2009 10:53:08 GMT

This issue is driving me crazy - I have a standard ASP gridview on my page - works and looks great - drop a scriptmanager in and my column alignment, padding, etc. is lost - I want to use te ScriptManager yet do not want to lose all of my asp:gridview style settings... Any help would save my week - have been at this for over 2 days now and about to give up as I cannot convert my asp gridviews to coolite - I need to keep them as is for now...

RE: GridView style affected by scriptmanager?

geoffrey.mcgill — Thu, 20 Mar 2008 10:45:33 GMT

With the version 0.4.1 release we built in four different ways to change the Theme property (as well as all the other Global Config properties).

For example, the following code demonstrates all four different ways to now change the Theme. The list is in order of precedence. The first option in the list (web.config) will be overridden if the Application variable is used. The Application variable will be overriden if the Session variable is used. The Session variable will be overridden if the Page level (ScriptManager) property is used.

Example

Option 1: web.config (See http://www.coolite.com/forums/Topic11-4-1.aspx for more information on setting web.config options)

[code]<coolite theme="Gray" />
[/code]

Option 2: Application Variable

[code]protected void Page_Load(object sender, EventArgs e)
{
this.Application["Coolite.Theme"] = Coolite.Web.UI.Theme.Gray;
}
[/code]

Option 3: Session Variable

[code]protected void Page_Load(object sender, EventArgs e)
{
this.Session["Coolite.Theme"] = Coolite.Web.UI.Theme.Gray;
}
[/code]

Option 4: Page level (ScriptManager)

[code]<cool:ScriptManager ID="ScriptManager1" runat="server" Theme="Gray" />
[/code]

All existing web.config properties are now supported with this four option model. Here's a list of each Global Config property.

CleanResourceUrl
ScriptAdapter
RenderScripts
RenderStyles
ResourcePath
ScriptMode
Theme
GZip *

*The GZip property is not available at the Page (ScriptManager) level. The GZip property is currently only applied to external resource (.js, .css, images). The GZip property is not aware of any Page level context and can be requested independent of a Page. Options #1, #2, and #3 listed above can be used to set the GZip property.

The Application and Session tokens for each of the Global Config properties follow a standard naming convention of "Coolite.[PROPERTY NAME]". For example to set the ScriptMode property in the Session, you would use the following code.

Example

[code]this.Session["Coolite.ScriptMode"] = ScriptMode.Debug;
[/code]

Hope this helps.

RE: GridView style affected by scriptmanager?

tongyang — Sun, 02 Mar 2008 03:28:24 GMT

Thanks for the reply.

Just curious. Is it possible for me to change the embedstyles option through the code behind and not the web.config? I don't want to set that explicitly for all pages. If there is a session variable like the Coolite.Theme option it would be great. Actually, it would be nice if there's a list of possible session variables :)

I also found out that the reason I could not override the css style is that the ext-all.css is added after my css declaration so I had to add a scriptcontainer like this:

[code]
<head runat="server">
<title>Hello World!</title>
<cool:ScriptContainer runat="server" />
<style type="text/css">
th.mygridview
{
text-align: center;
}
</style>
</head>
[/code]

So, problem solved!

RE: GridView style affected by scriptmanager?

geoffrey.mcgill — Sat, 01 Mar 2008 21:35:09 GMT

Hi tongyang,

The formatting changes because by default the coolite scriptmanager control renders the ext-all.css file to the Page. You can "turn off" the stylesheet from rendering by setting the RenderStyles property in the web.config to "none".

The following forum post details how/where to add the RenderStyles property to the web.config. http://coolite.com/forums/Topic11-4-1.aspx

Hope this helps.

GridView style affected by scriptmanager?

tongyang — Sat, 01 Mar 2008 21:05:44 GMT

Here's my test: (VB ASP.NET project)

Default.aspx:
[code]
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="TestWebSite.HomePage" %>

<%@ Register Assembly="Coolite.Web.UI" Namespace="Coolite.Web.UI" TagPrefix="cool" %>
<!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 runat="server">
<title>Hello World!</title>
</head>
<body>
<cool:ScriptManager ID="ScriptManager1" runat="server" Hide="True" />
<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="true" Width="300px" style="text-align: center;">
</asp:GridView>
</form>
</body>
</html>

[/code]

Default.aspx.vb:
[code]
Imports System.Data

Partial Public Class HomePage
Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim dt As New DataTable
dt.Columns.Add("A", GetType(Integer))
dt.Columns.Add("B", GetType(String))

Dim dr As DataRow = dt.NewRow
dr("A") = 1
dr("B") = "test"

dt.Rows.Add(dr)

GridView1.DataSource = dt
GridView1.DataBind()
End Sub

End Class
[/code]

If you take away the scriptmanager in the .aspx file vs if you leave it in, there's a major style difference (especially the header can't be centered no matter what I try...).

Thanks for the help in advance.