AJAX :: Tabs Control Is Rendered With Unwanted Style?
May 29, 2010
I have downloaded the latest version of AJAX toolkit (AjaxControlToolkit.Binary.NET35) and add to asp web page as I did many times before without any particular problem. However this time I'm experiencing unwanted results that make me want to through the computer into my neighbor's pool. The tab control is rendered with the following inline style:
I used ajax tabcontainer and 7 tabs in it.It works fine on my locahost but when i deployed it on server it doesn't show tabs background..it shows only labels as tab names.
My Tab Container works fine on my development machine. But it doesn't show up my production machine. On closer inspection, the Production machine renders it as hidden. Any thoughts on why this would happen?
I have been adding different JQuery Carousels to AJAX Tabbed Panels - the first one displayed on the page always works. But any other tabs dont work when I select the tab. I have about a dozen different carousels.
Can anyone recommend one that works in AJAX Tabs or how I can go about rectifying this?
I am using Ajaxtoolkit in my application. I am declaring the tabcontainer and tab panels on the serverside. I just have my Updatepanel on the Client-Side. I was wondering how to assign css to the tabs like onhover or click would change its background color and highlight the tab up.
Secondly, since I am dynamically creating these tabs, how would I put a close for each of the tabs?
There is a way to trigger a specific ajax tab with a button?I have a web user control that has 3 ajax tabs that are displayed as a modalpopup on my pages. I have a couple pages in my project and I want to use the web user control on each page. All I want is to trigger a specific tab (like tab # 2) from a button in my page. Example, I have 2 button in my page saved search and search record; I want to trigger with button search record the tab # 2 of the web user control. Can I use jQuery for this and how?
I have even tried to comment out the XML to remove the tab, but it would appear that even tbcContainer.tabs.remove and removeat just dont flippin work, any work around, for once google's not being useful.
At first, I should confess that I am not sure if it is a good practice or not. I have came out with the idea due to my practice of jQuery.ajax().
What I want to achieve is depended on this design:
//Server Side; an .asmx file contains a method like this: [WebMethod] public string NewContent(string parameter) { string renderedHTML = string.Empty(); switch(parameter) { case ("person"): // create an asp.net panel with // some controls in it that has form elements to enter person data // render control and assign its html to renderedHTML break; case ("department"): // create an asp.net panel with // some controls in it that has form elements to enter department data // render control and assign its html to renderedHTML break; } }
And from the client I want to do this:
// Some html in the page <script type="text/JavaScript"> jQuery.post('ajax/myWebServices.asmx/NewContent' function(returnedPanelContent) { $('.result').html(returnedPanelContent); }); </script>
Question is:
How can I make it work? Briefly to have a webservice method that returns different asp.net Panel control content created programmatically so that I can get this control rendered as HTML in my client-side and insert it to my web page?
I saw some example in google..and all of them with jquery...is there any way of creating tabs like ajax control tool kit in webforms without using Jquery...its not a requirement..i want to know the best way of doing it..I am very new to MVC and I know its not posibble to use Ajax control tool kit in mvc...I just noticed in this asp.net site My Profile page got some cool tabs..can anyone know how to do something like
I have created a menu in ASP.net 4.0 which is is rendered as UL/LI
However I am frustrated with ASP as it produces unwanted style e.g. style="position: relative; width: auto; float: left;" in the UL tag according to firebug. I would really like it to render without this.
A second question is the output in firebug is not the same as if I look at the page source i.e. the style="..." is not in the UL? Is Firebug wrong...can it be trusted?
Ajax AsyncFileUploader is appreaing very bad in my ASP.Net(C#) web app.
Another very annoying thig is that; when its style is set to modren it does not show that grey image with the text "Select File" in any of the browser except IE 7.
While with "Tradition Style" the height of this control looks so squeezed in both IE 7 & IE 8 , And Is there any way so that we can change the style of that Browser button like the other buttons on out site and can we apply textbox skin on the uploader to it can shape like a textbox?
I am converting across an old popup system from an older app into a newer one and want to take advantage of the ajax control toolkit to do all of the popups.
Unfortunately the business will require me to make the popups look like the old version (essentially just another page opened in a smaller window and showing the title bar). The problem I can see with using the ajax toolkit is that there is no "title bar" that gets included with it as its not really a new window.
I have a gridview which has a checkbox column which are set to automatically postback. When a checkbox is clicked, a partial postback occurs, and the associated record is displayed to the user (this is the required function).My problem is regarding when a user clicks a number of checkboxes in quick succession. I have got ajax request queuing working fine, so each checkbox postback is eventually dealt with. However as the gridview also postsback, it resets its viewstate on which boxes are checked, removing some of the boxes which the user may have checked.I've attempted to take off the viewstate on the gridview which seems to achieve nothing, neither does placing the gridview in a separate update panel.
I need to change the mouse pointer style to "HAND" like looking thing when i hover my mouse over accordian control or rather an accordian pane.How can i do that?
I currently have an Instance of the ASP.net ajax control toolkit combo box residing in a field set with a style of position:releative applied. The control also sits in a very plain table.
There are two problems with the display of the list:
The list does not sit flush with the text box. In I.E. 7 (which is the majority of my target audience, intranet where IE7 is the company standard) the list display about 10px below the fieldset, which is what the bottom margin of the fieldset is set to. In FF 2.0 the list sits sinificantly lower and off-set to the right.
Below the filed set there is more content in a div, also with a style of position:relative applied. The list from the combo box displays behind the content of this div, which is obviously an issue.
Removing position: releative from the fieldset resolves the display issue of the combo box, but results in other unwanted display side effects.
Does Ajax Tab support using sub tabs (or children tabs)?I have a project where I need to show several tabs like "Sales" "Production" "Revenue" and when I click on for example "Sales" I would like to see a new tab tab with "Currentales", "History", "Comparison" etc etc. and be able to click each one of these for further processing.
im trying to create simple pie chart using the MS Chart controls. When my pie chart gets rendered in the browser i get padding around the pie chart that i cant get rid of. i would like the pie chart to sit up against the edge of the image with no padding or margin. in my code below the padding is highlighted in blue. i.e Chart1.BackColor = System.Drawing.Color.Blue;
<script type="text/C#" runat="server"> protected void Page_Load(object sender, EventArgs e) { //Set the chart type Chart1.Series["Series1"].ChartType = SeriesChartType.Pie; //add points Chart1.Series["Series1"].Points.AddY(12); Chart1.Series["Series1"].Points.AddY(45); Chart1.Series["Series1"].Points.AddY(67); //set back color of chart object Chart1.BackColor = System.Drawing.Color.Blue; //set back color of chart area Chart1.ChartAreas["ChartArea1"].BackColor = System.Drawing.Color.Green; } </script> <asp:Chart ID="Chart1" runat="server"> <Series> <asp:Series Name="Series1" ChartType="Pie"> </asp:Series> </Series> <ChartAreas> <asp:ChartArea Name="ChartArea1"> </asp:ChartArea> </ChartAreas> </asp:Chart>
I have created an asp.net applications in which i am using jquery tabs to show say profile modifications information. I want user to see his profile info as well as he will be able to edit his details and save the information. for this purpose i have created an aspx page "MyProfile.aspx" and 3 ascx pages
say "page1", "page2" and "page3".
When i run "MyProfile.aspx" i can see all 3 tabs showing correct information. But problem is when i edit contents and try to save them back to the database. Contents on page1 are stored correctly. But page2 and page3 doest not fire any event. In all 3 pages I am using ajax n jquery to save data to database. and when i try to save contents of page2 and page3 nothing occurs.I am showing 3 tabs there of which first tab edits save the details but second and third tabs do not fire any event on button click.
I've specnt a day experimenting on this and am none the wiser.
I am using ASP.NET 4 Menu control and I have tried styling it using both techniques (but not at the same time as this is not recommended) i.e. :
(1) ASP.NET e.g. <StaticMenuStyle BorderStyle="Solid" BorderWidth="1px" />
And
(2) CssClass e.g. . StaticMenuStyle { /*my css rules here ... */ }
When I view the rendered output source in a Internet Explorer I see the following code in the HEAD section:
[Code]....
Also, in the BODY of the HTML I see the following:
<a title="Menu Option" class="level1" href="/path/default.aspx">Menu Option</a> (When using ASP.NET for styling) <a title="Menu Option" class="level1 staticMenuItemStyle" href="/path/default.aspx">Menu Option</a> (When using CssClass)
I would like clean and minimal HTML rendered output (using AP.NET Web Forms not MVC).
I assume the #Menu1 and class="level1" is automatically generated.
Questions
(A) Is it possible to have the #Menu style code placed in an External style sheet file by ASP.NET at runtime rather than in the HEAD section of the output web page? If so, how is this done?
(B) Where is the code for class="level1" and do we have any control over this?