When I try to set the .ajax__tab_body height to a percentage, it doesn't work. It shrinks it down to the size set by TabContainer inline height value. But when I do width as a percentage, it works perfectly. tab_body css is below:
[Code]....
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
How i can set auto Width and Height? it can be resize according to the data populate inside TabPanel.
View 2 RepliesI 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]....
simple html page height in percentage + all resolution not working. I tried removing the height and giving in % but it does not w
[Code]....
I have a page with a AJAX Tabcontainer. In that page/tab is a link to another page. On the other page (no AJAX Tabcontainer there) a user can fill in some information and a button there triggers a WebMethod. When the WebMethod is successfully executed my javascript method (The one then gets triggered after the WebMethod is finished) redirects (window.location = ..aspx) back to the aspx page that contains the AJAX Tabcontainer.
View 1 RepliesI 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 Replieswhat I want to do is: in one page, I got a navigation pane on the left and the content pane on the right. both of them are 100% height in the web page and both have its own scroll bar. However, I failed to set the height:100% although i've already set height:100% to html,body,div,table,tr,td. it just doesn;t work. if remove the "runat=server" from the form tag, it works fine. don't why~~~
Is it actually a bug of asp.net?
[Code]....
I am using in my asp.net page and tried to set the iframe height 100%, But its does not work.
View 4 RepliesI am doing so many process in a single button click.It is taking more time.So I want to show a progress bar with percentage or status of the process.Is there any way to implement this.
View 2 RepliesIs There a code to monitor the progress (how much % is completed-graphically) of uploading with AsyncFileUpload Control ?
View 2 RepliesI am using a GIF image in ProgressTemplate . Now I want to show percentage of completed (like 20% completed) while loading.
View 3 RepliesHow can i use update progress(in asp.net) with percentage (may be with remaining time span or remaining under process records) while data access from database but that should not be fixed for a fix time period by using like Thread.Sleep(5000). It should show for the actual accessing time period.
View 2 RepliesI have the folllowig css:
div.ListDiv {
width: 750px; /* Table width will be 99% of this */
height: 320px; /* Must be greater than tbody */
overflow: auto;
}
table {
width: 99%; /* 100% of container produces horizontal scroll in Mozilla */
border: none;
}
table>tbody { /* Child selector syntax which IE6 and older do not support */
overflow: auto;
height: 215px;
overflow-x: hidden;
}
thead tr {
position:relative;
top: expression(offsetParent.scrollTop); /* For IE5+ only */
}
thead td {
background-color: #CCCCCC;
font-weight: bold;
}
td {
color: #000000;
text-align: left;
}
table tfoot tr {
position: relative;
overflow-x: hidden;
top: expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
}
tfoot td {
background-color: #CCCCCC;
}
td:last-child { /* Prevent Mozilla scrollbar from hiding cell content */
padding-right: 20px;
}
When I have a list with 1 or 2, rows the row height automaticaly expand to fill the heigt of the table.
How can I avoid this happening, and have fixed height colimns.
I have a HyperLink inside a panel.
I wonder if the the HyperLinks height can follow along ´automatically´ as the Panels height is changing as the HyperLinks is nested inside the Panel.
Is there a function for this?
[Code]....
I am a newbie in web development I came from win form environment. how to set tabcontainer (ASP.Net Ajax Tool) width size according to users desktop screen resolution?
(setup and tools)
visual studio 3.5 sp1
AspNetAjaxLibraryBeta0911
If we have more no.of items(suppose 250) in dropdownlist, how to show a minimum extent of height instead of dropdownlist taking complete page height. I have searched all the forums but i didn't get exact answer,
View 2 RepliesAt 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.
m kinda new in asp.net ,i'm try to do a web form with 3 tabs but i want that the tabs will start from the right end of the screen and not from the left?is there a way to do it?i searched the properties list for such a thing , and i didn't fine it.
View 1 RepliesI set p { height: 25px ; min-height 25px;} to get the same line height in a form. I works in fine in most browsers. But when I invisible html tags inside p, the p will keep the blank space (25px) is there an alternative css for min-height, to make it work in IE and other browsers? since p always contains html inputs (label, textbox).
View 1 RepliesI created dynamic the tabpanel of tabcontainer, and the tabpanels change depended on the item which chooses from dropdownlist but the problem is tabcontainer keeping the last tabpanel and create another tabpanel and I couldn't remove them how I can rebulid the tabconatiner each postback
View 2 Replieshow to get vertical tab using tabcontainer in ajax controls.
View 2 RepliesHaving a strange issue with the TabContainer in the AJAX Toolkit. We have several views into a customer record system that we have built as ASP.net controls. These controls use UpdatePanels to load data asynchronously. We use jQuery and jquery.ui to place these controls in separate tabs on a single page. Which all works swimmingly. Lately, I've gotten a little tired of the jQuery tab hackish approach and decided to port everything to use the TabContainer. I want to be able to control the tabs as objects.
At first glance, everything works perfectly. I just slapped the controls into tabs in a TabContainer and everything looked great. However, for some reason, databound controls are losing their data. For instance, grid views vanish when I switch pages. A drop down control with an OnTextChanged event, loses its databound list of values upon post back. Something about the TabContainer -> Custom Control -> UpdatePanel -> Control that uses data binding heirarchy is throwing it out of whack and the debugger isn't shedding any light. It seems like control state isn't being stored. I don't really know enough about control state to know what to look for. Here is the markup for the TabContainer:
<asp:TabContainer ID="tcBanner" runat="server" ActiveTabIndex="0" Width="100%"
EnableViewState="False" ScrollBars="Vertical">
<asp:TabPanel runat="server" HeaderText="Comments" ID="tbComments">
<ContentTemplate>
<luBannerControl:Comments ID="commentsTabContent" runat="server" />
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel runat="server" HeaderText="General" ID="tbContact">
<ContentTemplate>
<luBannerControl:Contact ID="contactTabContent" runat="server" />
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
Here is the markup for one of the controls:
<asp:UpdatePanel ID="pnlComments" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:GridView ID="CommentsGridView" AllowPaging="true" PageSize="20" DataSourceID="BannerSqlDataSource" runat="server" AutoGenerateColumns="False" GridLines="None" CssClass="CommentGrid" HeaderStyle-CssClass="CommentGridHeader" RowStyle-CssClass="CommentRowsEven" AlternatingRowStyle-CssClass="CommentRowsOdd">
<Columns>
<asp:BoundField DataField="SPRCMNT_TEXT" HeaderText="Comment" SortExpression="SPRCMNT_TEXT" />
<asp:BoundField DataField="SPRCMNT_DATE" HeaderText="Created" SortExpression="SPRCMNT_DATE" DataFormatString="{0:M/dd/yyyy}" />
<asp:BoundField DataField="SPRCMNT_CMTT_CODE" HeaderText="Type" SortExpression="SPRCMNT_CMTT_CODE" />
<asp:BoundField DataField="SPRCMNT_CTYP_CODE" HeaderText="Source" SortExpression="SPRCMNT_CTYP_CODE" />
<asp:BoundField DataField="sprcmnt_user_id" HeaderText="User" SortExpression="sprcmnt_user_id" />
</Columns>
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtSearch" EventName="TextChanged" />
<asp:AsyncPostBackTrigger ControlID="btnClearFilter" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
I want to add a close button on each tab,just like the firefox.
It seams that Ajax Control Toolkit doesn't provide any method to close the tab.
I have try to use the .Remove() function,but it doesn't delete the tab...it just make it invisible and work correctly only once....
Could any give the code in C#..
[Code]....
</cc1:TabContainer>