Intersoft Community - WebCombo - Formating with Fieldset

Formating with Fieldset

yudi — Wed, 21 Apr 2010 13:20:20 GMT

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.

Formating with Fieldset

Michael — Wed, 21 Apr 2010 12:46:13 GMT

Great!

My IE8 was really in compatibility mode! Now, it works fine.

Thanks a lot!

Michael

Formating with Fieldset

yudi — Wed, 21 Apr 2010 12:35:47 GMT

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.

Formating with Fieldset

Michael — Wed, 21 Apr 2010 07:28:07 GMT

I still have the problem with your code!

Any ideas?

Formating with Fieldset

yudi — Wed, 21 Apr 2010 06:03:25 GMT

Formating with Fieldset

Michael — Wed, 21 Apr 2010 05:50:22 GMT

Hi Yudi

Thanks for your answer.

I have added float and AllowFloatingText, but nothing happens!

Did you tested this code in your enviroment?

Michael

Formating with Fieldset

yudi — Wed, 21 Apr 2010 05:35:11 GMT

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.

Formating with Fieldset

Michael — Wed, 21 Apr 2010 03:42:25 GMT

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