<div class="modal fade" id="GenericCkeditorModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="z-index:9999;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Edit</h4>
</div>
<div class="modal-body">
{#<form class="form-horizontal" id="add_product_form">#}
{#1st some relevant data#}
<div class="form-group">
<input type="hidden" id="descView" value="">
<input type="hidden" id="descValue" value="">
</div>
<div class="row clearfix">
<div class="col-md-12">
<!-- <b>Document No.</b>-->
<div class="form-group">
{# <label for="aptl_note">Note/Description</label>#}
<div class="form-line">
<textarea name="note" class="form-control no-resize" id="generic_ck_editor" rows="3" placeholder="Edit"></textarea>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-12">
<div class="btn-toolbar pull-right">
<button type="button" class="btn btn-success update_data_btn" id="update_data_btn_generic_ck_editor">Update</button>
{# <button type="button" class="btn btn-success" id="aptl_form_add_and_exit_btt">Apply & Exit</button>#}
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
{#</form>#}
</div>
</div>
{#<div class="modal-footer">#}
{#<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>#}
{#</div>#}
</div>
</div>
</div>
<style type="text/css">
.modal-dialog {width:50% !important;}
</style>