What's New?

[CLOSED] Label not rendered correctly inside Toolbar

  1. #1
    Dec 13, 2011, 9:05 AM

    [CLOSED] Label not rendered correctly inside Toolbar

    Hello,

    I have design which include ext:Label control inside ext:Toolbar control like this:

    <ext:Toolbar ID="Toolbar2" runat="server">
 <Items>
         <ext:Label runat="server" Cls="main_title" Text="Sample title" />
 </Items>
</ext:Toolbar>
    For Label control I make this custom style in my uistyle.css:
    .main_title {font-size:14px; font-weight:bold;}
    But Label control is not rendered correctly, it seams it's not use this style.
    What I maked wrong?

    Best regards,
    Sasa
    Last edited by Daniil; Dec 14, 2011 at 8:01 AM. Reason: [CLOSED]
  2. #2
    Dec 13, 2011, 9:54 AM
    Hi,

    It needs to use a bit complicated CSS rule.

    Example
    <%@ Page Language="C#" %>

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

<!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>Ext.Net Example</title>
    <style type="text/css">
        .main_title span.x-label-value {
            font-size: 14px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Toolbar runat="server">
            <Items>
                <ext:Label runat="server" Cls="main_title" Text="Sample title" />
            </Items>
        </ext:Toolbar>
    </form>
</body>
</html>
  3. #3
    Dec 14, 2011, 5:58 AM
    Quote Originally Posted by Daniil View Post
    Hi,

    It needs to use a bit complicated CSS rule.

    Example
    <%@ Page Language="C#" %>

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

<!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>Ext.Net Example</title>
    <style type="text/css">
        .main_title span.x-label-value {
            font-size: 14px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:Toolbar runat="server">
            <Items>
                <ext:Label runat="server" Cls="main_title" Text="Sample title" />
            </Items>
        </ext:Toolbar>
    </form>
</body>
</html>
    Thanx Daniil, it works.

    Best regards,
    Sasa

Similar Threads

  1. [CLOSED] [1.0] Toolbar buttons in Multiselect wrong rendered (IE7)
    By FVNoel in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 02, 2011, 2:02 PM
  2. [CLOSED] FileUpload in toolbar not rendered correctly
    By smart+ in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 31, 2011, 4:32 PM
  3. [CLOSED] [1.0] TopBar/ BottomBar not rendered correctly
    By klaus.schwarz in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Oct 28, 2010, 9:09 AM
  4. TriggerField not rendered in Toolbar
    By Peter P in forum 1.x Help
    Replies: 0
    Last Post: May 07, 2009, 4:46 PM
  5. [FIXED] [V0.8.0] v0.7: RegexText on TextField not rendered correctly
    By jasonl in forum Bugs
    Replies: 1
    Last Post: Jan 21, 2009, 12:46 PM

Posting Permissions