iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Using the RoundCornerTabStrip example, I tried to used percentages versus specific pixel sizes and I tabs are not rendering correct. Are you not able to use percentages?
Hi Tenika,
In the sample, try to modified a little by put the Put the WebTab inside table which the width and height set to 100% ( and in ContentPlaceHolderManager set height to 100%. Please let me know if this code work or not in your placed. Thank you.
Regards,
Julia
You need to add some modification for your sample. Here I attached you modified sample. Please find attachment with name FixWebTab.rar. I hope this could help.
Could you describe more spesific about the incorrect rendering? If it is possible, screenshot could be very helpfull. Thanks.
<ISWebDesktop:WebTab ID="WebTab1" runat="server" Height="300px" Width="500px" RenderMode="RoundCorner">
Sorry forgot to add my screen shot of what I see when I changed the Height and Width to percentages as stated above.
Code I used:
<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Default.Master" CodeBehind="Tabs.aspx.cs" Inherits="TestGrid.Tabs" %> <%@ Register Assembly="ISNet.WebUI.WebDesktop" Namespace="ISNet.WebUI.WebDesktop" TagPrefix="ISWebDesktop" %> <asp:Content ID="Content1" ContentPlaceHolderID="content" runat="Server"> <link href="../css/Default.css" rel="stylesheet" type="text/css" /> <div> <ISWebDesktop:WebTab ID="WebTab1" runat="server" Height="90%" Width="90%" RenderMode="RoundCorner"> <TabItemStyle> <Active BorderStyle="Solid" BackColor2="WhiteSmoke" BorderWidth="1px" BorderColor="Navy" BaseStyle="Normal" BackColor="White" GradientType="Vertical"> </Active> <Over BaseStyle="Normal" BackColor="WhiteSmoke"> </Over> <Normal BorderStyle="Solid" BorderWidth="1px" BorderColor="Gray" Width="100%" Font-Size="10pt" Font-Names="Tahoma" BackColor="Gainsboro" Height="100%" Cursor="Hand"> <Padding Top="2px" Left="10px" Bottom="0px" Right="10px"></Padding> </Normal> </TabItemStyle> <DisabledStyle ForeColor="Gray"> </DisabledStyle> <TabPages> <ISWebDesktop:WebTabItem Name="Tab1" Text="Overview"> <PageTemplate> <div class="text"> <asp:Image ID="imgInfo" runat="server" ImageUrl="../images/info.gif" ImageAlign="AbsMiddle"> </asp:Image>This sample demonstrates a WebTab which using built-in RoundCorner TabStrip settings. <br /> <br /> Note that the roundcorner of the WebTab do not use any images. The colors can be easily configured by changing the RoundCornerSettings.</div> </PageTemplate> </ISWebDesktop:WebTabItem> <ISWebDesktop:WebTabItem Name="InlineContent" Text="InlineContent"> <PageTemplate> <div class="text"> <asp:Image ID="imgInfo2" runat="server" ImageUrl="../images/info.gif" ImageAlign="AbsMiddle"> </asp:Image> This window is using InlineContent mode (Default).<br /> <br /> When using this mode, you can use any ASP.NET server controls inside this Window's content.<br /> <br /> <asp:Label ID="Label1" runat="server" Text="This is a label: " CssClass="text"></asp:Label> <asp:TextBox ID="TextBox1" runat="server" CssClass="text"></asp:TextBox><br /> <br /> <input id="Button1" type="button" value="button" class="text" /> </div> </PageTemplate> </ISWebDesktop:WebTabItem> <ISWebDesktop:WebTabItem ContentURL="./HTMLPage.htm" ContentMode="UseIFrame" Name="IFrame" Text="IFrame"> </ISWebDesktop:WebTabItem> </TabPages> <FrameStyle Overflow="Hidden" OverflowX="Hidden" OverflowY="Hidden"> </FrameStyle> <RoundCornerSettings FillerBorderColor="255, 199, 60" TopBorderColor="230, 139, 44"> </RoundCornerSettings> <ContainerStyle BorderStyle="Solid" BorderWidth="1px" BorderColor="Navy" Width="100%" BackColor="WhiteSmoke" Height="100%" Overflow="Auto" OverflowX="Auto" OverflowY="Auto"> <Padding Top="5px" Left="5px" Bottom="5px" Right="5px"></Padding> </ContainerStyle> </ISWebDesktop:WebTab> </div> </asp:Content>
You can set the value of Height and Width in percentage, it will be work fine. Here I attach my work sample. In our sample this issue occur since we use some style from different source that make a colition resizing. I will forward your issue to be fix to our development team.
Hi Julia,
I saw your example and I was able to use it. Now when I add a WebGrid into one of the tabs, it reverts back to my previous issue. I have attached a copy of the sample code. I used the "BindtoTraditionalDataSource" sample code and added Tabs (the same code from "PercentageHeightWidth".
I did download the new R2 this morning hoping that would help.
Thanks,
Tenika
I have test your scenario and manage to replicate the issue. I have forwarded the issue to our WebGrid development teams. I will inform you, when the hotfix is ready.
Julia,
Do yo have any idea when this will be? I know this is a top priority for me due to this is how we currently show our grids.
The fix will be ready at next month hotfix release. I will inform you when the hotfix is ready. But if you need it immediately, we can send the nightly build version.
The nightly build version would be great to show for proof of concept. Please send it. I have the new version R2. Will there be a problem with using the nightly build version?
The only problem in using Nightly build is that we haven't test completely about the hotfix, but your issue should be fix using the hotfix. Below is attachment of the WebDesktop's hotfix. Please find WebDesktopNET3_0_7200.rar and WebUINET3_0_5000_750.zip. You can follow this link for more information about Manual Update.
Hope this help.
I was wondering when the hot fix will be ready for this fix? I did try the above approach and had some issues, so I would rather get the hot fix. Any idea when that will be? You mentioned in January before.
I have asked to the development team, and the hotfix will be ready by the end of this month. I will inform you when it get launch.
Note: Could I know what issue that you have when applying the hotfix manually?
Will the hotfix be available Monday Feb 1? If not do you know the day?
Thanks,Tenika
There's no confirmation about the valid releasing day yet, but the hotfix will be available within couple of days, this week at latest. If you need the hotfix immediately, I can send you the nightlybuild.
I am using the new HotFix that was just released 2/8/2010, but I'm still seeing the same issue as before. I have enclosed screenshots of the UpdateManager showing I did get all updates and also a picture of what the example I enclosed earlier with this post (TabPercentIssue.zip).
Is there something else I should do? Have I set the properties shown for the Tabs and WebGrid? I used the TabPercentIssues.zip example again.
Ok, so I take back that it works.
Here is how I need to tabs to work. I need to have a grid in a tabs and when I resize the browser the tabs and grids are resized to fit the new size of the window.
What I notice is yes, there has been a fix but it appears that the tabs width and height have to be 100% else the right side will be cut off again.
I have added both the old example and a new example. The new example(ChangeDSFlypostback.aspx) is a real example of how we would use the tabs and grids. Notice the grids rows are not showing correctly.
Any ideas?
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname