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
Hi
I create the layout with div tags. I use a fieldset for horizontal alignment. With WebCombo I have problems (please have a look on Position Combo.png). Instead WebCombo is placed on right side, it is showing below the label. WebInput and asp-Controls works fine. How can I fix it?I have tested it with Internet Explorer 8.
<body> <form id="form1" runat="server"> <div> <fieldset class="fieldset"> <ol class="ol"> <li class="li"> <asp:Label runat="server" CssClass="label-titel" ID="Label12">Label 1:</asp:Label> <asp:TextBox runat="server" ID="TextBox2" Width="100px" /> </li> <li class="li"> <asp:Label runat="server" CssClass="label-titel" ID="Label13">Label 2:</asp:Label> <asp:DropDownList runat="server" ID="DropDownList1" Width="100px" /> </li> <li class="li"> <asp:Label runat="server" CssClass="label-titel" ID="Label10">Label 3:</asp:Label> <ISWebInput:WebInput ID="WebInput1" runat="server" Width="100px" /> </li> <li class="li"> <asp:Label runat="server" CssClass="label-titel" ID="Label9">Label 4:</asp:Label> <ISWebCombo:WebCombo ID="WebCombo2" runat="server" UseDefaultStyle="true" Width="100px" /> </li> <li class="li"> <asp:Label runat="server" CssClass="label-titel" ID="Label11">Label 5:</asp:Label> <asp:TextBox runat="server" ID="TextBox1" Width="100px" TextMode="MultiLine" Height="50px" /> </li> </ol> </fieldset> </div> </form> </body>
For complete code and stylesheet: FieldsetWithCombo.zip
Thanks
Michael
I have tested on my end using IE 8 browser and Mozilla Firefox 3.6.3 browser. I enclosed the modified version of the test page as attachment. Please have the attached sample tested on your end and let us know whether it helps or not.
From your screenshot, I notice two differences between your environment and mine.
Browser version We both test the page in MS Internet Explorer 8 browser. You are using IE 8 version 8.0.6001.18904 and I’m using IE 8 version 8.0.7600.16385. It seems that my browser has newer version that yours.
You may try to update your browser version or try to test using other browser. For your information, I have extended the test under IE 8, Mozilla Firefox 3.6.3, Safari 4.0.5 (531.22.7), Chrome 4.1.249.1059 (44723), and Opera 10.51 (build 3315) browser and still get the same result as shown in the screenshot on my previous post.
Compatibility view I’m using native mode of IE 8 standard. From your screenshot, it seems that your IE 8 is in compatibility mode. Please try to change the compatibility view to native mode of IE 8 and let us know whether it helps or not.
Please add float: left style to .label-titel css class
.label-titel { display: inline-block; vertical-align:top; width: 100px; float: left; }
and set “AllowFloatingText” property of WebCombo LayoutSettings to ‘false’.
<ISWebCombo:WebCombo ID="WebCombo2" runat="server" UseDefaultStyle="true" Width="100px"> <LayoutSettings AllowFloatingText="false"> </LayoutSettings> </ISWebCombo:WebCombo>
This should helps.
Hi Yudi
Thanks for your answer.
I have added float and AllowFloatingText, but nothing happens!
Did you tested this code in your enviroment?
I still have the problem with your code!
Any ideas?
Great!
My IE8 was really in compatibility mode! Now, it works fine.
Thanks a lot!
Glad to hear that the information helps.
Should you need further assistance or run into any problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.
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