Hy, I want to edit some data using modal view. So I make the code for modal view and I am unable to edit input area.
The code for my modal is:
JavaScript
x
<?php
$edit_data = $this->db->get_where('disertatie' , array('disertatie_id' => $param2) )->result_array();
foreach ( $edit_data as $row):
?>
<div class="row">
<div class="col-md-12">
<div class="panel panel-primary" data-collapsed="0">
<div class="panel-heading">
<div class="panel-title" >
<i class="entypo-plus-circled"></i>
<?php echo get_phrase('editare_nota_student');?>
</div>
</div>
<div class="panel-body">
<?php echo form_open(site_url('teacher/update_disertatie/do_update/'.$row['disertatie_id']) , array('class' => 'form-horizontal form-groups-bordered validate','target'=>'_top'));?>
<div class="form-group">
..
<script type="text/javascript">
// ajax form plugin calls at each modal loading,
$(document).ready(function() {
// SelectBoxIt Dropdown replacement
if($.isFunction($.fn.selectBoxIt))
{
$("select.selectboxit").each(function(i, el)
{
var $this = $(el),
opts = {
showFirstOption: attrDefault($this, 'first-option', true),
'native': attrDefault($this, 'native', false),
defaultText: attrDefault($this, 'text', ''),
};
$this.addClass('visible');
$this.selectBoxIt(opts);
});
}
});
</script>
Advertisement
Answer
This seems me error with the css code.
Adjust the z-index
in the modal.
.modal-dialog, .modal-content { z-index: 99999; }
This happen when the backdrop
is on the front off page.