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?
Dynamically add Tab Pages to tab control in Web form using asp.net and c# ...
View 1 RepliesI m working on "loading tabs dynamically" using AjaxControlToolKit
Rightnow, i m using the WebUserControls to load each and every tab.
how to load each tab dynamically evertime with respective aspx pages.
I am using the tab control and basically I have 4 buttons. Each button will load a seperate ascx control into a brand new tab. After about 4 tabs, since it has to regenerate all 4 tabs, the speed in order to add tabs just becomes too long for my tastes. Is there any way to remedy this and make it go faster?
EDIT2:Using Internet Explorer 7.0 and 8.0
EDIT: Some Code, I store the i in viewstate and loop through this every time for each panel per regeneration
private void BuildNewTab(int i)
{
TabPanel newPanel = new TabPanel();[cod]....
I have a page with 4 fixed Tabs. Tabs 1 and 2 are always in position 1 and 2. However, the users are allowed to create their own tabs and add their own html content. I do this by creating a new tab in codebehind and inserting it into the tabcontainer AFTER the frist 2 and before the last 2 tabs. There could be several of these. EX: "F1 | F2 | U1 | U2 | U3 | F3 | F4" where F is a fixed tab and U is a custom tab.
As long as ALL tabs are visible then everything works fine after postbacks.
Based on user settings I sometimes hide fixed tab 1. Everything loads fine the first time. However, on postback The content on fixed tab 4 (always the last tab) is displayed on the bottom of EVERY tab (fixed or custom). It is still displayed in fixed tab 4.
A little background on the code:
Since the tabs are added dynamically they do not exist on postback and must be re-generated every time. This is done in Page_LoadComplete. I have tried it on PageLoad and it behaves the same way.
If I do not re-generate the pages on post back then the problem goes away - as do the custom tabs.
The only thing I could find was from last year, and was supposedly fixed (http://www.codeplex.com/AjaxControlToolkit/WorkItem/View.aspx?WorkItemId=16321
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?
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?
View 1 RepliesI 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.
View 2 RepliesI 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:
<div style="width: 500px; visibility: hidden;" id="TabContainer1">
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
View 3 RepliesI know this has been asked before, but I feel like I'm losing my way trying to follow the other examples out there. Does anyone see a straightforward solution to my particular problem?
Goal:
Two column Master Page
Left column contains a list of [stuff] (I'm trying a Repeater with LinkButtons)
Right column contains a TabContainer which will add dynamically created tabs when buttons on the left are clicked.
Left side looks like this:
<asp:Repeater
<ItemTemplate>
<asp:LinkButton ID="lbShowReport" runat="server" Text='<%# Eval("Title") %>' CommandName="Select">
</asp:LinkButton>
<asp:HiddenField ID="hfReportID" runat="server" Value='<%# Eval("Id") %>' />
</ItemTemplate>
</asp:Repeater>
I had initially been creating tabs in the LB's OnCommand event, but of course this means that any tab generated by one click is lost if the user clicks another LinkButton.
So I moved the code to create a new tab to the OnInit section of the page and attempted to loop through the RepeaterItems comparing the UniqueId of each LinkButton until I found the one that was clicked using Request.Form["__EVENTTARGET"].
When I tried to loop through the RepeaterItems, however, the count was always 0, and the Repeater would not populate.
So now I am rebinding the Repeater in the Init section on every post-back - this allows me to find the LinkButton that was clicked. I then add the new Tab based on the LB that was clicked like this:
[Code]....
This properly adds new Tabs to the TabContainer using this code:
[Code]....
but I still have the issue where I can only ever have one dynamically created tab in the TabContainer at a time. All of the code above is being executed in OnInit, which I thought would save the tabs during post-backs, but instead this is behaving as tho I was adding the tabs in the OnCommand event of the Link Button...
I'm trying to create new tabs within page. When I click a link in my navmenu, it should open the Redirected page in a new tab within the page as new tab (not the browser tab). It is something like the visual studio, where we get the page opened inside a new tab when you click an item in the Solution explorer. Would any body let me know how to implement this functionality. (generate tab with close functinality). I m not talking about TabStrip.
View 4 RepliesDoes 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.
View 3 RepliesI need to insert some JavaScript code inside a UserControl that I load from an Ajax call via jQuery Ui Tabs. Let me explain... This is my View (with jQuery loaded)
<script type="text/javascript">
$(document).ready(function () {
$("#tabs").tabs({
cache: false,
});
getContentTab (1);
});
function getContentTab(index) {
var url='<%= Url.Content("~/Home/getUserControl") %>/' + index;
var targetDiv = "#tabs-" + index;
$.get(url,null, function(result) {
$(targetDiv).html(result);
});
}
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1" onclick="getContentTab(1);">Nunc tincidunt</a></li>
<li><a href="#tabs-2" onclick="getContentTab(2);">Proin dolor</a></li>
<li><a href="#tabs-3" onclick="getContentTab(3);">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
</div>
<div id="tabs-2">
</div>
<div id="tabs-3">
</div>
</div>
With these lines of code I call the Ajax function to load the content into a DIV.
This is the Action from the controller:
public ActionResult getUserControl(int num)
{
return PartialView("TestUC", num);
}
And this is the UserControl...
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
Number... <span id="testSpan"><%=Model.ToString() %></span>!!
<input type="button" value="Click me!!" onclick="message();" />
<script type="text/javascript">
function message(item) {
alert($("#testSpan").html());
}
</script>
The problem is that the message() function returns always 1 (instead of returning the correct number). My question is... How should I add the script to my UserControl in order to have my code running correctly?
I am using ASP.Net 2.0 with Ajax.
I am working on a pretty heavy page in an application and the scenario is:
There is a Tab control in the page, having four tabs. These tabs individually consist of different user controls and other asp controls. Most of these usercontrols in turn consist of other user controls. Every user control contains huge javaScript functions which validate them, populate controls and call web services.
What I am trying to achieve is to load only the Tab and its user controls on the page load and when the user clicks on a specific tab, load its contents (User controls) dynamically. Once that is done, I am setting the tab's postback to false to prevent loading it again once loaded.
I tried to achieve this by making the user controls in the other tabs - visible="false" in the markup and loading them from server side on some specific event. But that causes the javaScript functions in those user controls to give errors ('Object expected') when I go to that tab.
If I set the user controls in the other tabs to visible true, then no matter what; the page life cycle goes to each registered control and loads every subsequent control in that web user control which makes the main page slow (on loading and every postback).
The position of the Tab and the inner user controls is fixed. Although I am taking care that no data is populated unnecessarily on the page and user controls on hidden tabs, I dont want the tabs to get loaded altogether unless requested. If I load them on runtime, their corresponding javaScripts start giving errors.. note that I am not generating the controls on runtime, they exist in the page design. I just dont want to load them dynamically
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.
Suppose I have two controls in my page named Textbox1 (For the purpose of taking Employee ID as input) and another one is Button1.
I am using northwind data base and my server name is "DON".
The thing which i want is that when i click on the button1 the task showing below should be:
1. Disable the page (Like when we download the Ajax Tool kit from the Codeplex. An agreement come and the page gets disable)
2. A panel should be display as Image Shown Below
Is it Possible with the help of query string (if yes please make your answer query string oriented) a close button should be appear also in the top right corner of panel which should close the panel and re enable the form.
I want to create ajax tab and also I want to keep tabs in session.
View 2 RepliesI'm trying to figure out a way to tie the AJAX animation framework to the AJAX Tabs container. For example, one thing I want to do is use the fade animation when selecting a different tab. I've yet to find a way to have individual control of the tabs other than the content and CSS. Does anyone know where I can do some research into this, and what I should be looking into to learn how to do this
View 2 RepliesAt page load I made several tabs Enable = false.
If a button is clicked I want to set Enable = true.
The problem is that this doesn't work, they stay not touchable. How come?
RelatieTabContainer.TabIndex = 2;
RelatieTabContainer.TabIndex = 0;
[Code]....
I have dynamic ajax tabs that I want to load different usercontrols in each AjaxTabs.when Tab1 is created usercontrol1 loads in it.when Tab2 is created usercontrol2 loads in Tab2,but the problem is usercontrol1 does not remain in Tab1 when Tab2 is created and tab1 became empty.& When Tab3 is created, usercontrol2 does not remain in Tab2.I want to keep my usercontrols in my tabs,whenever I create a new Tab.
I create my aspx page dynamically, with adding controls to a placeholder.
But this way the ajax cascadingdropdown won't work.
I need to change the order of some tabs in a tab control, how can achieve this?
View 4 RepliesI have a web page with two tabs, "Release Inventory" and "Recreate Pull Sheet". I am using a tab container and tab panels. It looks fine in the design view but as soon as I view it in a brower the tabs don't show up. All I see is the Header text for the tabs. It looks like this:
"Release InventoryRecreate Pull Sheet"
You can click "Release Inventory" or "Recreate Pull Shee" and you will see the information in the tabs, but the actual tab appearance is not showing up.
Here is my code:
[Code]....
I have a Collapsiblepanelextender and a TabContainer with two tabs. the code works fine in FF and Chrome but fails in IE8. I am using VS2008 .Net 3.5 and the latest AjaxToolkit.
I am trying to control the collapsible behavior through tab clicking using javascript. here is the code to replicate my problem.
The aspx.cs code:
[Code]....