Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » ToolbarItem Styles

ToolbarItem Styles Options
Previous Topic · Next Topic
mvandenheuvel
Posted: Tuesday, January 5, 2010 5:33:25 AM
Rank: Newbie
Groups: Member

Joined: 12/26/2009
Posts: 5
It seems not possible to have an other font size than 12px for the text displayed near the toolbar items. These texts are assigned by code. Is there any known problem there ?
Back to top
 
eo_support
Posted: Tuesday, January 5, 2010 11:49:11 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

I do not believe there is any problems here. You just need to set the ToolBar's styles. See here for more information on how to customize toolbar styles:

http://doc.essentialobjects.com/library/1/toolbar/customize.aspx

Thanks!
Back to top
 
mvandenheuvel
Posted: Wednesday, January 6, 2010 5:16:08 PM
Rank: Newbie
Groups: Member

Joined: 12/26/2009
Posts: 5
Hi,

There is certainly something wrong. I do whatever I can do without any positive result. Is it something related to installation, or to configuration maybe? This question because, changing the styles is so straightforward that I can not imagine to be wrong with it. I tried it in source or in the designer. I tried it at toolbar, item, itemtemplate level, everywhere without success. The rendering is always identical.



Regards.
Back to top
 
eo_support
Posted: Wednesday, January 6, 2010 5:30:18 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Please try to isolate the problem into a simple test page and post the .aspx source. We will try to run it here and see if we can see the same problem as soon as we have that.

Thanks!
Back to top
 
mvandenheuvel
Posted: Friday, January 8, 2010 5:28:32 AM
Rank: Newbie
Groups: Member

Joined: 12/26/2009
Posts: 5
Hi,

I have tried to rebuild the faulty page from scratch. In the new page, the problem isn't there.

When you examine the two pages, the only difference is in the <!DOCTYPE> declaration ! This declaration comes from the creation of the page in Visual Sudio 2005 and was not there in the faulty page because it has been created in Visual Studio 2003.

When this declaration is added to the old page, the problem is solved, I get the styles as specified in the Toolbar control declaration.

Regards


Old page :

<%@ Page Language="vb" AutoEventWireup="false" Inherits="Electrabel_Home.frmAll_Electrabel_Home" CodeFile="frmAll_Electrabel_Home_Old_2.aspx.vb" %>
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD runat="server">
<title>Main page for Electrabel_Home Application</title>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK rel="stylesheet" type="text/css" href="global/style.css">
<script type="text/javascript" src="script/appsUtil.js"></script>
<script type="text/javascript" src="script/typeAhead.js"></script>
</HEAD>
<body leftmargin="0" topmargin="0">
<form name="frmAll_Electrabel_Home" runat="server">
<table border="0" cellpadding="0" width="100%" cellspacing="0">
<tr valign="top" align=left>
<td id="ContentPane" runat="server">
</td>
</tr>
</table>
</form>
</body>
</HTML>

New page :


<%@ Page Language="VB" AutoEventWireup="false" Inherits="Electrabel_Home.frmAll_Electrabel_Home" CodeFile="frmAll_Electrabel_Home.aspx.vb" %>
<!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>Main page for Electrabel Homme Application</title>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK rel="stylesheet" type="text/css" href="global/style.css">
<script type="text/javascript" src="script/appsUtil.js"></script>
<script type="text/javascript" src="script/typeAhead.js"></script>
</head>
<body leftmargin="0" topmargin="0">
<form name="frmAll_Electrabel_Home" runat="server">
<table border="0" cellpadding="0" width="100%" cellspacing="0">
<tr valign="top" align=left>
<td id="ContentPane" runat="server">
</td>
</tr>
</table>
</form>
</body>
</html>
Back to top
 
eo_support
Posted: Friday, January 8, 2010 9:52:34 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

That is very normal. !DOCTYPE controls how styles flow down into a table element. Specifically, without !DOCTYPE the table cell content will not inherit front setting the table and the parent element of the table. In any case, you can always explicitly set the styles on the ToolBar control.

Thanks
Back to top
 
mvandenheuvel
Posted: Friday, January 8, 2010 10:57:06 AM
Rank: Newbie
Groups: Member

Joined: 12/26/2009
Posts: 5
Hi,

Sorry but without the !DOCTYPE declaration it was not possible (in any way I know) to get the right style for the Toolbar in the application. Even if the control is alone on the page. You may verify this in the page below.

Thanks for the information and for the help.

Regards.


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

<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<eo:ToolBar runat="server" AutoPostBack=True id="ToolBar1" BackgroundImageRight="00100302" Width="250px" BackgroundImage="00100303"
SeparatorImage="00100304" BackgroundImageLeft="00100301" TextAlign="Right">
<DownStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 4px; FONT-SIZE: xx-small; PADDING-BOTTOM: 1px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: gainsboro"></DownStyle>
<HoverStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 3px; FONT-SIZE: xx-small; PADDING-BOTTOM: 2px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 2px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: ghostwhite"></HoverStyle>
<NormalStyle CssText="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; CURSOR: hand; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; FONT-SIZE: xx-small ; FONT-FAMILY: Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none"></NormalStyle>
<ItemTemplates>
<eo:ToolBarItem Type="Button">
<DownStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 4px; FONT-SIZE: xx-small; PADDING-BOTTOM: 1px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 3px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: gainsboro"></DownStyle>
<HoverStyle CssText="BORDER-RIGHT: #335ea8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #335ea8 1px solid; PADDING-LEFT: 3px; FONT-SIZE: xx-small; PADDING-BOTTOM: 2px; BORDER-LEFT: #335ea8 1px solid; CURSOR: hand; PADDING-TOP: 2px; BORDER-BOTTOM: #335ea8 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: ghostwhite"></HoverStyle>
<NormalStyle CssText="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; CURSOR: hand; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; FONT-SIZE: xx-small ; FONT-FAMILY: Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none"></NormalStyle>
</eo:ToolBarItem>
</ItemTemplates>
<Items>
<eo:ToolBarItem AutoCheck="True" CommandName="Search" ImageUrl="00101032" Text="Search"
ToolTip="Search">
<NormalStyle CssText="FONT-SIZE: xx-small; FONT-FAMILY: Verdana" />
</eo:ToolBarItem>
<eo:ToolBarItem AutoCheck="True" CommandName="ClearSearch" ImageUrl="00101044" Text="Clear"
ToolTip="ClearSearch">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="Add" ImageUrl="00101001" Text="Add" ToolTip="Add">
</eo:ToolBarItem>
<eo:ToolBarItem CommandName="AddCopy" ImageUrl="00101007" Text="Copy" ToolTip="Copy">
</eo:ToolBarItem>
<eo:ToolBarItem Type="Separator">
</eo:ToolBarItem>
</Items>
</eo:ToolBar>
</div>
</form>
</body>
</html>
Back to top
 
eo_support
Posted: Friday, January 8, 2010 11:01:33 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Is there any reason you can not set font size in point or pixel in your DownStyle and NormalStyle property? You currently have "FONT-SIZE: xx-small" there.

Thanks
Back to top
 


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.