We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

A toolbar CSS question

Thread ID:





68831 Oct 2,2007 08:27 PM UTC Oct 17,2007 01:52 AM UTC ASP.NET Web Forms (Classic) 1
Tags: Tools
Asked On October 2, 2007 08:27 PM UTC

just getting started with the Essential Tools for ASP.Net API and I'm having trouble accomplishing something pretty straightforward:

I'd like my toolbar to span the width of the browser window.

I tried overriding the toolbarRoot and toolbarRootTable classes in my css and specifying width should be 100% in both classes. Interestingly, once I made these edits, the designer paints the control correctly. But once I run the app, the toolbar is rendered at it's default size. I suppose I could put it in a div to achieve the same visual effect but I'd rather know what's going on. So: how do I override the toolbar's width?

Suresh Sekarean [Syncfusion]
Replied On October 17, 2007 01:52 AM UTC

Hi Richard,

Sorry for this time delay in response.

Toolbar's root table width is rendered as '1px' even setting the ToolBar width to 100%. This makes the Toolbar not to fit with Browser width.

Please include the following code snippet in the 'Page Load' event which resize the Root Table in ClientSide.


protected void Page_Load(object sender, EventArgs e)
Page.RegisterClientScriptBlock("Onload", @"<script type='text/javascript'>window.onload=OnClientload;function OnClientload(){document.getElementById('"+ToolBar1.ID+"_rootTable').style.width='100%';}</script>");

Please try this and let us know if this helps.

Thanks for using Syncfusion controls.



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon