# jquery-inline-message-box
<div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div class="x_panel">
                                    <div class="x_title">
                                         <h2 class="bitcompiler-heading bitcompiler-heading2 bitcompiler-bold">About jQuery Inline Message Box</h2>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="x_content about">
                                        <b>Inline Message Box plugin</b> is a light weight <b>(4.26 KB)</b> jQuery plugin. Features include 6 types of message box, no additional css required, closable, auto closable, option parameters for full control of message box functionality etc.. You can use it very easily.<br><br>
                                        
                                        <h3>How to use it</h3>
                                        <pre>&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;inline-message-box.min.js&quot;&gt;&lt;/script&gt;</pre>
                                        <h3>Configuration</h3>
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <th>Option</th>
                                                <th>Default Value</th>
                                                <th>Description</th>
                                                <tr>
                                                    <td>messageBoxType</td>
                                                    <td>null</td>
                                                    <td>Define the message box type here. 6 types of message box type is available. if this option is null, then it is the <b>default</b> message box. Other types are <b>success</b>, <b>error</b>, <b>fatalerror</b>, <b>warning</b> & <b>info</b>.</td>
                                                </tr>
                                                <tr>
                                                    <td>message</td>
                                                    <td>null</td>
                                                    <td>Set your message here.</td>
                                                </tr>
                                                <tr>
                                                    <td>closeButton</td>
                                                    <td>true</td>
                                                    <td>If you don't need 'close' button, set to <b>false</b>.</td>
                                                </tr>
                                                <tr>
                                                    <td>enabled</td>
                                                    <td>false</td>
                                                    <td>If you want to close message box automatically, then it set to <b>true</b>.</td>
                                                </tr>
                                                <tr>
                                                    <td>milliseconds</td>
                                                    <td>30000</td>
                                                    <td>This value is used for automatically close this message within '30' sec.</td>
                                                </tr>
                                            </table>
                                        </div><br>
                                        <pre>
&lt;script&gt;$(document).ready(function(){$(".success-demo").BitCompiler().showInlineMessageBox({messageBoxType:"success",message:"This is the auto close &lt;b&gt;success&lt;/b&gt; message",autoClose:{enabled:true,milliseconds:30000}});});&lt;/script&gt;
                                        </pre><br>
                                        <p>
                                            <span class="label label-default">jQuery Plugin</span>&nbsp;
                                            <span class="label label-default">Message Box</span>&nbsp;
                                            <span class="label label-default">JavaScript Plugin</span>&nbsp;
                                        </p>
                                    </div>
                                    <br>
                                    <div class="text-center">
										<a href='https://www.bitcompiler.com/jquery-inline-message-box' class="btn btn-lg btn-primary">Demo</a>
                                        <a href='https://www.bitcompiler.com/jquery-inline-message-box' class="btn btn-lg btn-success">Download</a>
                                        <a href='' class="btn  btn-lg btn-default">Project on GitHub</a>
                                    </div>
                                </div>
                            </div>
                        </div>