Aug 31, 2015, 7:14 PM
[CLOSED] TextArea custom CSS
Hi,
I'm trying to stylize a TextArea using its styling attributes. The "Cls" or "ComponentCls" attributes don't result in the correct behavior. I'm not sure which attribute is responsible for stylizing the editor or "main" component. Please point me in the right direction.
I'm trying to stylize a TextArea using its styling attributes. The "Cls" or "ComponentCls" attributes don't result in the correct behavior. I'm not sure which attribute is responsible for stylizing the editor or "main" component. Please point me in the right direction.
<%@ Page Language="C#" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
TextArea1.Text = "Some text goes here...";
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>TextArea - Ext.NET Examples</title>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
<script type="text/javascript">
</script>
<style>
.my-text-area {
background-color: blue;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server">
</ext:ResourceManager>
<ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
<Items>
<ext:FormPanel runat="server" Padding="10" ButtonAlign="Left" Frame="false" Border="true">
<Items>
<ext:TextArea ID="TextArea1" runat="server" AutoScroll="true"
AnchorHorizontal="100%" FieldLabel="My Notes" Height="200" MaxWidth="685"
SubmitValue="false" EnableKeyEvents="true" AllowBlank="false" Cls="my-text-area">
</ext:TextArea>
</Items>
<BottomBar>
<ext:Toolbar runat="server">
<Items>
<ext:Button runat="server" Text="Toggle">
</ext:Button>
</Items>
</ext:Toolbar>
</BottomBar>
</ext:FormPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by fabricio.murta; Sep 02, 2015 at 4:17 PM.
Reason: [CLOSED]