|
Title: how to set up the panel in the middle of the browser page Post by: dearsh on October 23, 2013, 03:55:18 AM I want create a login page with easyui-panel, but wen i running in browser, the panel login not in center page middle of the browser page. This is my code
---- <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Please Login First</title> <link rel="stylesheet" type="text/css" href="themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="themes/icon.css"> <link rel="stylesheet" type="text/css" href="themes/demo.css"> <link rel="stylesheet" type="text/css" href="style-login.css"> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.easyui.min.js"></script> </head> <body> <div id ="login-panel" class="easyui-panel" title="Silahkan Login terlebih dahulu !!!" style="width:250px;height:200px;padding:10px;"> <div class="easyui-layout" fit="true"> <div region="north" border="false"> <label>Silahkan masukkan username & password</label> </div> <div region="center" border="false"> <form name="frmLogin" method="post" action="checkLogin.php"> <table> <tr> <td>Username</td> <td>:</td> <td><input type="text" name="user"></input></td> </tr> <tr> <td>Password</td> <td>:</td> <td><input type="password" name="pass"></input></td> </tr> <tr> <td> </td> <td> </td> <td><input type="submit" name="submit" value="Login"></input> <input type="reset" name="reset" value="Reset"></input></td> </tr> </table> </form> </div> <div region="south" border="false"> <div class="msgError"></div> </div> </div> </div> </body> </html> ---- Please any one help me. Title: Re: how to set up the panel in the middle of the browser page Post by: stworthy on October 23, 2013, 05:44:46 PM Please set your component to dialog.
Code: <div id ="login-panel" class="easyui-dialog" closable="false" shadow="false" draggable="false" title="Silahkan Login terlebih dahulu !!!" style="width:250px;height:200px;padding:10px;"> |