Printable View
Hello,
I noticed that padding property not only manage padding inside of fieldset but also responsible for position of feildset's title. When I try to set padding = 0, then fieldset's title located very close to border of control which is not very nice. How I can move title a bit right, but leave padding = 0 for the rest part of fieldset. Please see attached picture.
Attachment 5841
Thanks,
Alexander
Hi Alexander,
Hopefully, I correctly understood.
Example
Code:<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET v2 Example</title>
<style>
.my-fieldset div.x-fieldset-header-text {
margin-left: 18px;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:FieldSet runat="server" Title="Title 1" Cls="my-fieldset" />
<ext:FieldSet runat="server" Title="Title 2" Collapsible="true" />
</form>
</body>
</html>
Hi Daniil,
Yes, you understood my right. I tried you approach and it works fine except of one moment - part of line is missed. See the attachment
Attachment 5843
Thanks,
Alexander
A browser styles it. Generally, a FieldSet renders a common HTML fieldset element with a legend.
I doubt it is possible to shift those borders.Code:<fieldset>
<legend>legend</legend>
</fieldset>
Maybe, moving a collapsible icon to the right could be a solution?
I am sorry, I am not clear what are you suggesting to do?Quote:
Originally Posted by Daniil
Please run the example.
Example
Code:<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET v2 Example</title>
<style>
.my-fieldset div.x-tool {
float: right;
margin-left: 3px;
margin-right: 0px;
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:FieldSet runat="server" Title="Title 1" Cls="my-fieldset" />
<ext:FieldSet runat="server" Title="Title 2" Collapsible="true" Cls="my-fieldset" />
</form>
</body>
</html>
Hi Daniil,
All this is good, but I do not need to move the button on fieldset. All that I want to do when you setup padding for frameset = 0, the title wouldn't be moved on the left but stay on the previous position. Your first example is something that I am looking for, but just a question - are there any possibility to draw a line that was missed before the title?
Thanks,
Alexander
Finally I got the solution myself, the right style should be:
You can close this topicQuote:
.my-fieldset-header .x-fieldset-header {
margin-left: 10px;
}
Thank you, you stopped my searching:)