Thanks for the tip. Unfortunately I find it no longer works (at least not with a date picker). One thing I was able to do, however, using the inspector in Chrome and Firebug was figure out a possible alternative:
The note is wrapped by a div with a class of x-field-note, so by default as a block level element this will cause its contents to appear on the next line which is what now happens. So in CSS, I was able to target my particular instance of x-field-note (for me certain date pickers where I have a note to the right), and use CSS similar to this:
.my-date-field .x-field-note {
position: absolute;
left: 105px; /* this depends on if you know the width of your field; if not, you will need to find an alternative solution unfortunately */
top: 3px; /* this depends on your font sizes, but 3px aligns it a bit better with the text in the field */
}
I haven't tested on IE6 yet, but hope that helps.
Also wonder if that is something the Ext.NET team have a suggestion for? I don't think there is a fully CSS-only way to force the note to the right; you would need to run some JS to get the component width and set the "left" value to that with plus any comfortable padding/spacing that is needed.
Here's a full sample to see the various effects:
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Right aligned field note tests</title>
<style>
.my-date-field .x-field-note{
position: absolute;
left: 105px;
top: 3px;
}
</style>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:FormPanel runat="server" Width="400" PaddingSummary="5">
<Items>
<ext:TextField
runat="server"
FieldLabel="Text field"
Note="<div style='text-align:right;'>Simple note</div>"
/>
<ext:DateField
runat="server"
FieldLabel="Date field"
Note="Simple note"
/>
<ext:DateField
runat="server"
CtCls="my-date-field"
FieldLabel="Date field"
Note="Right-aligned note"
Width="100"
/>
</Items>
</ext:FormPanel>
</body>
</html>
P.S. As this was a previously closed thread, let me know if I should paste this comment into a new thread.
Thanks!
Originally Posted by Daniil
