WebCombo & WebInput Formatting with FieldSet - Alignment off by a pixel

handy@intersoftpt.com — Tue, 10 Nov 2009 21:14:56 GMT

Hi,

I was following your code but still could not replicate the same style with your screenshot. Please let me know if there is still uncomplete style or css you stated to me. You can also send me just the html page regarding this issue.

Regards,
Handy

WebCombo & WebInput Formatting with FieldSet - Alignment off by a pixel

alex@millhorn.com — Mon, 09 Nov 2009 14:32:36 GMT

Hello,

I have multiple WebCombo and WebInput controls within a given FieldSet. I'm noticing that the WebCombo alignment is off by a pixel or two. WebInput (and all other standard .NET controls) are properly aligned to the left of the <li> tag, however, WebCombo control's seem to have a padding-left value of 1 or 2 pixels.

    <fieldset id="grpRelated" runat="server" style="display:block;">
        <legend>Link to Existing Issue</legend>        
        <ol>
            <li>
                <label>Matter</label>                
                <ISWebCombo:WebCombo ID="wcMatter" runat="server" AllowAutoQueryHandler="False" MinCharsToRequest="3" 
                    oninitializedatasource="wcMatter_InitializeDataSource" 
                    UseDefaultStyle="True" DataTextField="Name" DataValueField="Id" 
                    AllowAutoDataCaching="False" DataMember="" Height="20px" Width="200px"   >
                    <LayoutSettings AllowAddItem="True">
                    </LayoutSettings>
                </ISWebCombo:WebCombo>
                
            </li>
            <li id="grpPersons" runat="server" style="display:block;">
                <label>Contact</label>
                <ISWebCombo:WebCombo ID="wcPerson" runat="server" AllowAutoQueryHandler="False" MinCharsToRequest="3" 
                    oninitializedatasource="wcPerson_InitializeDataSource" 
                    UseDefaultStyle="True" DataTextField="Name" DataValueField="Id" 
                    AllowAutoDataCaching="False" DataMember="" Height="20px" Width="200px"   >
                    <LayoutSettings AllowAddItem="True">
                    </LayoutSettings>
                </ISWebCombo:WebCombo>
            </li>
            <li>
                <label>Phone</label>
                <ISWebInput:WebInput ID="wiPhone" runat="server">
                </ISWebInput:WebInput>
                    
                      <asp:LinkButton 
                    ID="LinkButton1" runat="server" Font-Size="XX-Small" ForeColor="Blue" 
                    onclick="LinkButton1_Click">Call Now</asp:LinkButton>
            </li>
            <li>
                <label>E-mail</label>
                <ISWebInput:WebInput ID="wiEmail" runat="server" IsDesignInitialize="False">
                </ISWebInput:WebInput>
            </li>
        </ol>
    </fieldset>

Screenshot attached.

Kindly advise.

Intersoft Community - WebCombo - WebCombo & WebInput Formatting with FieldSet - Alignment off by a pixel

WebCombo & WebInput Formatting with FieldSet - Alignment off by a pixel

WebCombo & WebInput Formatting with FieldSet - Alignment off by a pixel