Hi,
I'm new to doing web work. But my customer insists, so no choice. I'm trying to modify the default.aspx template. Please look at my screenshot attached.
Thanks,
Carlos
Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.
Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.
Hi Carlos,
Thank you for contacting us.
In fact, you will need to customize default CSS styles for required elements (e.g. the page footer).
You can use developer tools built into your favorite browser to see default styles and other settings. See the attached screenshot for more information.
Please refer to MSDN for more information on how to add custom styles to your ASP.NET application, because it is not specific to our framework.
See Also:
Questions about XAF
Thanks,
Dennis
Thanks Dennis. Sorry about my ignorance. I'm using ie8. Can you please guide me to:
Thanks,
Carlos
Forgot the attachements of what I mean.
Hi Carlos,
You can provide your own user styles to override author styles. As I already suggested above, please refer to MSDN or Google for more information, because it is not specific to DevExpress.
For instance, in the simplest case, you can specify inline styles as follows:
<div id="Footer" class="Footer" style="padding-bottom:0px;padding-top:0px">
(Though I recommend you not use inline styles, as it is difficult to track them in complex pages).
As for removing a new line character, this is actually how the information is returned by the GetAboutInfoString method internally:
namespace DevExpress.ExpressApp.Web.Controls { [ToolboxItem(true)] [System.Drawing.ToolboxBitmap(typeof(WebApplication), "Resources.AboutInfoControl.png")] public class AboutInfoControl : Literal { public AboutInfoControl() : base() { } protected override void OnLoad(EventArgs e) { base.OnLoad(e); AboutInfo aboutInfoObject = new AboutInfo(WebApplication.Instance); Text = aboutInfoObject.GetAboutInfoString(); } } }
I think it will be easier for you to create your own about control that will meet your needs rather than to customize the default one (although it is also possible).
Please let me know if I can assist you further.
Thanks,
Dennis
Thanks Dennis,
Took care of it by creating a control in Module.Web.Controls as follows:
public class AboutInfoControl : Literal
{
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
AboutInfo aboutInfoObject = new AboutInfo(WebApplication.Instance);
Text = string.Format("{0} - {1} - {2}", aboutInfoObject.Company, aboutInfoObject.ProductName, aboutInfoObject.Version);
}
}
So that's taken care off.
Now, in regards to the "inline styles" that was simple. I did what you said. But I'm still confused. I have searched everywhere on the .Web folder and cannot find any *.css files. However the App_Theme folder has one Aqua Theme and is states:
<dxe:ASPxButton runat="server" SpriteCssFilePath="~/App_Themes/Aqua/{0}/sprite.css" CssPostfix="Aqua" CssFilePath="~/App_Themes/Aqua/{0}/styles.css">
However, if I remove my Text (as in Text = "";) I still get a blue bar at the bottom. How do I get rid of that? (screenshot attached)
Sorry to bug you man. This is a first for web for me.
Thanks again,
Carlos
Hello Carlos,
I have attached a small demo. See my changes in the Default.aspx and MoveFooter.js files. Please let me know if I can help you further.
>>CssFilePath="~/App_Themes/Aqua/{0}/styles.css">
It is loaded automatically from the DevExpress.Web.ASPxThemes.v11.2.dll assembly.
Thanks,
Dennis
Understood more now!!! Thanks!!! Much appreciated. However, I think there might be a bug with the MoveFooter.js function for AdjustSize(). It flickers when the view doesn't fill up the screen. Doesn't happen when the view fills up a good portion of the browser. Seems to happen with the Aqua theme but not with others. Screenshot attached taken while moving the mouse and clicking in different parts. This also happens when no modification is made.
Moreover, how can I override the default CSS that automatically loads? What I need to do is decrease the height of the grid's rows and also the column names heights of List Views. Maybe decrease the font just a bit.
Thanks,
Carlos
Hi Carlos,
Thank you for the update.
>>
However, I think there might be a bug with the MoveFooter.js function for AdjustSize(). It flickers when the view doesn't fill up the screen. Doesn't happen when the view fills up a good portion of the browser. Seems to happen with the Aqua theme but not with others. Screenshot attached taken while moving the mouse and clicking in different parts. This also happens when no modification is made.
<<
We are aware of this problem and there is no bug here. This is just how browsers render pages.
It happens with all the available themes. Probably, it is less or more noticeable depending on the theme's background color. I am afraid we do not have a solution to this.
>>
Moreover, how can I override the default CSS that automatically loads? What I need to do is decrease the height of the grid's rows and also the column names heights of List Views. Maybe decrease the font just a bit.
<<
You can either use inline styles, if it is applicable, or better customize existing styles as you require.
I suggest you refer to the http://documentation.devexpress.com/#AspNet/CustomDocument6905 help article for more information on how to do this. In fact, this is not specific to XAF, but rather to our ASP.NET products.
If you decide to customize existing themes, please disable loading themes from the assembly in your configuration file:
<themes enableThemesAssembly="true" />
Should you experience any difficulties with this, feel free to contact us further.
Thanks,
Dennis
Thanks for the help. Very appreciated.