Wijmo:C1Dialog vs Asp C1Window different rendering

Posted by: paoloz on 10 September 2017, 11:42 am EST

  • Posted 10 September 2017, 11:42 am EST

    Good day.

    With the same css and code, the wijmo C1Dialog looks very different to the asp C1Window.
    In particular the wijmo version is padded to the right. Is normal ?

    Thank you. Paolo.

    .WindowFooter
    {
    position:absolute;
    bottom:0;
    width:100%;
    height:30px;
    overflow:hidden;
    background-color:rgb(223, 232, 246);
    border-top-color:#99bbe8;
    border-right-color:#99bbe8;
    border-bottom-color:#99bbe8;
    border-left-color:#99bbe8;
    border-top-style:solid;
    border-right-style:solid;
    border-left-style:solid;
    border-bottom-style:solid;
    border-top-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    }

    .WindowBody
    {
    position:absolute;
    top:0px;
    bottom:36px;
    width:100%;
    background:#ffffff;
    }


    <wijmo:C1Dialog ID="C1Dialog1" runat="server" Modal="False" Title="Wijmo" Width="500px" Height="500px">
    <CaptionButtons>
    <Pin IconClassOn="ui-icon-pin-w" IconClassOff="ui-icon-pin-s" Visible="False"></Pin>
    <Refresh IconClassOn="ui-icon-refresh" Visible="False"></Refresh>
    <Toggle Visible="False" />
    <Minimize IconClassOn="ui-icon-minus" Visible="False"></Minimize>
    <Maximize IconClassOn="ui-icon-extlink" Visible="False"></Maximize>
    <Close IconClassOn="ui-icon-close" Visible="False"></Close>
    </CaptionButtons>
    <Content>
    <div class="WindowBody">
    </div>
    <div class="WindowFooter">
    <asp:Button ID="Button1" runat="server" Text="Btn1" />
    <asp:Button ID="Button3" runat="server" Text="Btn2" />
    </div>
    </Content>
    </wijmo:C1Dialog>

    <cc1:C1Window ID="C1Window1" runat="server" ShowOnLoad="True" ShowModalWindowOnLoad="False" VerticalAlign="Middle" HorizontalAlign="Center" Width="500px" Height="500px" ControlBox="False" StatusVisible="False" Text="Asp" StartPosition="Page">
    <CaptionButtons CloseButton-Visible="False" Icon-Visible="False" MinimizeButton-Visible="False" PinButton-Visible="False" MaximizeButton-Visible="False">
    </CaptionButtons>
    <ContentTemplate>
    <div class="WindowBody">
    </div>
    <div class="WindowFooter">
    <asp:Button ID="Button2" runat="server" Text="Btn1" />
    <asp:Button ID="Button4" runat="server" Text="Btn2" />
    </div>
    </ContentTemplate>
    </cc1:C1Window>

  • Replied 10 September 2017, 11:42 am EST

    Hello Paolo,

    This is the default look of Wijmo Dialog control. If you want to remove the padding then you can use the following css:

    [css]
    <style type="text/css">
    .ui-dialog .ui-dialog-content
    {
    padding-left:0em !important;

    }
    </style>
    [/css]

    Regards
    Ashish
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels