Customize Position

11 Apr 20173 minutes to read

Position property is used to specify the position whether it is in fixed or relative to the page. When you set a normal value to position property, it appears within the container. Otherwise, it appears in the whole body .The possible position values are fixed and normal. The Default value is normal.

  • <div class="row">
        <div class="cols-sample-area" style="padding: 0px; position: relative; margin: 0px; min-height: 451px;">
                    <div id="container">
                        <div class="e-lv">
                            <div class="e-header">
                                <div id="butdrawer" class="drawericon e-icon"></div>
                        <ej-navigation-drawer id="navpane" direction="Left" type="Slide" position="Fixed" enable-list-view="true" target-id="butdrawer">
                            <e-list-view-settings width="300" />
                                    <li data-ej-text="Home"></li>
                                    <li data-ej-text="Profile"></li>
                                    <li data-ej-text="Photos"></li>
                                    <li data-ej-text="Location"></li>

    The following screenshot illustrates the output by swiping from left to right at the left end of the screen.