AJAX :: How To Put Cursor When Change Tab Control In Tabcontainer
Feb 9, 2010I am using TabContainer in my aspx page ,i am using 5 tabs and i want to put the cursor in every first textbox when i change tabs .
View 7 RepliesI am using TabContainer in my aspx page ,i am using 5 tabs and i want to put the cursor in every first textbox when i change tabs .
View 7 Repliesi want to focus my cursor on the starting position but it can't be possible in ajax how it can be done in ajax control.
View 1 RepliesTabs.Tabs.Item(1).Font.Italic = True
Tabs.Tabs.Item(1).BackColor = Drawing.Color.Red
i have the above code for changing the background color of a tab of tabcontainerbut the color doesnot change
public void ModifyEnter()
{
combo1.Attributes.Add("onkeydown", "if(event.which || event.keyCode)" +
[code]...
I have a gridview inside a tabcontainer.I'm programitically binding to the gridview. All works fine, data is displayed. And after databinding I'm dynamically setting the tabcontainer height to that of the gridview so that the gridview doesn't overlap the tabcontainer and look all funky.This all works fine doing this...tabcontainer1.height = gridview1.heightUntil there is no data returned, in which case I get a really small tab container.Bascially if there is no data, I want the tabcontainer1.height = 500, and if there is data to set it to the height of the gridview.I tried this (plus other variations) but can't seem to get it to work.
[Code]....
As far as I can see there are only client events on this container, and I need to update a gridview when the user changes tabs.
View 2 RepliesApparently, the TabContainer's default tab alignment is vertical now in ASP.NET Ajax Library Beta (0911) (build of AjaxToolkit.dll 31106) instead of horizontal (build 30903).
So how do I change tab-alignment from vertical to horizontal?
I'm using C#, asp.net and ajaxtoolkit
I want to set up menu item links such that the tab index is sent in the query string parameter. I tried setting the ActiveTabIndex in the Page_Load event and that doesn't change it at all. I tried using the javascript and I think because this tabcontainer is contained in a UpdatePanel's ContentTemplate so that javascript is not able to find it? How can I do this?
<script type="text/javascript">
// function SetInitalTabChanged() {
// var leaderTabs = $get('<%=TabLeadershipMain.ClientID%>');
// leaderTabs = leaderTabs.control; //
// leaderTabs.set_activeTabIndex(0);
// }
function SetInitalTabChanged() {
// $('<%=TabLeadershipMain.ClientID%>').set_activeTabIndex(0);
var container = $find('TabLeadershipMain');
container.set_activeTabIndex(0);
}
With javascript above (both) I would get the error below
Microsot runtime jscript error:Object doesn't support this property or method
Or if use the commented out function it will return leaderTabs = null
I use a border for the TabContainer body which works fine.
[Code]....
also I use three hidden divs and one visible div inside a main div which works as body of Tabcontainer
At present we are using <ajax:TabContainer> to load tabs. I have 5 user controls inside <ajax:TabPanel>.
The problem is that all the data on these 5 pages gets loaded at once and increases the loading time as well as it is very hard to debug. Can we do lazy loading uisng TabContainer control? so that only the data of the current tab is loaded and when we click on the other tab then that's control data gets loaded.
First time ever I am using a ajax tapcontainer control. To learn some info I went to look for the video hosted by asp.net about how to use tab control.
The one I am using it seems different. I am using AjaxToolkit 3.5 in VS 2008.
So is there any place I can learn about tabContainer for 3.5.
i am developing an appilication using ASP.NET with C#. in my application i have used Tabcontainer control.
for that i have to remove the border.
so i had applied the style to the TabContainer control as
<style type="text/css">
.CustomTabStyle .ajax__tab_body{border:0;}</style><cc1:TabContainer ID="ItemTabContainer" runat="server" ActiveTabIndex="0" CssClass="ajax__tab_inner"></cc1:TabContainer>
but when i use this, the border for header of the TabContainer also removed.as per my requirement i have to remove only the left,right and down border of the control and header will remain the same.
I used the following code to add TabContainer to page
<asp:TabContainer ID="TabContainer1" runat="server">
<asp:TabPanel runat="server" HeaderText="tab one" ID="TabPanel0">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel runat="server" HeaderText="tab two" ID="TabPanel1">
<ContentTemplate>
<asp:Button ID="Button1" runat="server" Text="Button" />
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
[code].....
but when the page is rendered TabPanel is always Hidden,I wateched the html code by Firebug and found visibility is hidden... what is the problem? http://i.imgur.com/m1eSW.jpg
I am using Tabcontainer of AJAX Control Toolkit . The problem is that, i have 10 tabpanels. I want to show this tabs in two lines, first 5 in one line, second 5 tabs in another line.
View 2 RepliesI'm working on a web where i have a Tabcontainer in which I only use two tabs, and what i do there is that I added a control to show virtual keyboard (VK) for use with tablet PC or mouse, it will appear when a textbox is onFocus.
The problem is that when I add the control VK inside a Tabpanel, run the page, and when I focus the textbox inside the Tabpanel, it doesn't appear the VK, but i try using outside the tabpanel and it work. I also added an updatepanel inside the Tabpanel, and moved the textbox and VK control there, but is the same, it doesn't appear the VK.
i will show my web code and a link to the VK control web, cause I think it have to be a way to call the keyboard in client-side mode, but i tryed all i know and nope, isn't showing the VK.
[Code]....
The web VK control: [URL]
Dynamically add Tab Pages to tab control in Web form using asp.net and c# ...
View 1 RepliesI have an ajax tabcontainer on a master page that has a user control inside one of its tabs.The user control is just a gridview that gets a list populated from a DB table.The strange thing is that the gridview is displaying in VS, but when I build the site the tab is empty; no error message just nothing.Below is the code for the tab in my master page:
<ajaxToolkit:ToolkitScriptManager
ID="ToolkitScriptManager1"
runat="server">
[code]...
am trying put values using javascript function but for some reason that is not working and the values are lost :(what i am trying do?, from the tabchanged event I ask if the user want return to the last loaded tab and go to the functionNavigateToLastLoadedTab
[Code]....
after to run this method i don't know how the browser is cleaning the values from the control :(.
var tabs = $find('<%=Tabs.ClientID%>');
How to create a Tabpanel (AJAX) add in code behind using vb.net ...
View 1 RepliesI am using  Tabcontainer of AJAX Control Toolkit . The problem is that, i have 15 tabpanels. this tabs in three lines, first 5 in one line, second 5 tabs in second line,third 5 tabs in third line.
If I click first / six/fifteen'th tab means it shows the relevant tabpanel with data correctly.
Each tabs have three buttons like Save, Edit and Cancel
All three line's tabpanels works properly in Chrome and Firefox.
But in IE,
First line tabpanel's button work properly...
second and third line tabpanel's buttons is not work properly,
if I click the second and third line tabpanel's buttons means.. It didn't go to page load..
How can I do that??
I understand how to use javascript to change the cursor to busy while the page is making and ajax call. However I have a page that does not use ajax, it uses a postback to reload the page. However the load is rather data intensive and it takes a few seconds. During this time the user can still click on the page. I want to turn the cursor to "waiting" so the user does not try to click on the page. For example I have a couple of dropdowns that cause postback. I make a selection and the page loads for 3 seconds. While it loads I would like the cursor to turn to waiting so the user does not try to make a selection on a second dropdown until the page reloads. Is this possible?
Additional Info: (simplified version of my setup)
I have a masterpage:
<form id="form1" runat="server">
<table width = "100%" bgcolor="White">
<tr><td>
<h3><asp:ContentPlaceHolder id="MAIN" runat="server"></asp:ContentPlaceHolder></h3>
</tr></td>
</table>
</form>
<script type="text/javascript">
function cursorwait(e) {
document.body.style.cursor = 'wait';
}
var fm = document.getElementById('<% =form1.ClientID %>');
if (fm.addEventListener) {
fm.addEventListener('submit', cursorwait, false);
}
else {
fm.attachEvent('onsubmit', cursorwait);
}
</script>
and then a page that uses the master page:
<asp:Content ID="Content1" ContentPlaceHolderID="MAIN" Runat="Server">
<table runat=server id="tb_simple_search_table" cellpadding = 0 cellspacing = 0>
<tr><td>
<asp:DropDownList...
<asp:DropDownList...
</td></tr>
</table>
</asp:content>
I have an ASP.NET page with an Infragistics webgrid on it. I handle the mouseover, mouseout events over the rows of the grid in a couple methods in Javascript to change the mouse cursor to the pointer and back to the default as they mouse over rows. I also toggle the color of the mouse-over'd row. When I run the page in debug locally, it works fine. When I publish to the test server, and run it outside of VS in Iexplore (8), the mouse cursor does not change. It stays the arrow. The row toggles the background color correctly, though.
I figured this was a caching issue, but when I add an alert box in the methods to display the document.body.style.cursor, it shows the cursor state in the alert correctly; it just doesn't change the mouse cursor. I've cleared the cache in the browser, deleted and republished, added GUID querystrings to the javascript file links, etc.
If I try the page on the test server in Firefox, it shows the pointer cursor correctly.
function _projGrid_MouseOverHandler(gridName, id, objectType) {
if (objectType == 0) {
document.body.style.cursor = 'pointer';
// alert('mouse pointer should be: ' + document.body.style.cursor);
var cell = igtbl_getCellById(id);
var elem = cell.Element;
setRowBackColor(cell.Row, "F0E68C");
}
}
function _projGrid_MouseOutHandler(gridName, id, objectType) {
if (objectType == 0) {
document.body.style.cursor = 'default';
// alert('mouse pointer should be: ' + document.body.style.cursor);
var cell = igtbl_getCellById(id);
setRowBackColor(cell.Row, "white");
}
}
function setRowBackColor(row, color) {
var cells = row.getCellElements();
for (var i = 0; i < cells.length; i++) {
cells[i].style.backgroundColor = color;
}
I have developed a dynamic menu with asp.net, everything is believed correctly. The problem that I have is that there are items of the menu that have the empty route, that is to say NavigateUrl = "", and however the cursor that he/she takes the mouse when it passes above the links it is hand, and I want that, if he/she doesn't have route to which to go takes cursor=text.
I have proven putting it in the leaf of styles, putting it for code, but anything, when I pass the mouse above the text that puts in the menu it puts me the cursor with hand. I believe that the problem is that he/she is taking the style of the hyperlink, but this style I don't want to change.
I have a codebehind.vb for a master page from which I'm trying to find a hiddenfield in the content page. I was finding it like this without a hitch...
[Code]....
I have a treeview inside a TabPanel but I have problems with the panel's height. It´s not resizing automatically when I expand the nodes in the treeview.
View 1 Replies