EVOLUTION-NINJA

Edit File: materials_list.php

<?php echo view('includes/faculty_header'); ?>

<div class="row my_header">
		<h3 style="padding-bottom:10px;border-bottom:2px dashed #ccc;margin-bottom:20px;">Contents List</h3>
		<div class="col-md-12">
			<div id="jaytab3" style="margin-top:6%;">
				<div class="grid_div"></div>
				<table id="list3">
				</table>
				<div id="pager3"></div>
				<div id="dialogSelectRow3" title="Warning" style="display:none">
					<p>Please select row</p>
				</div>
			</div>
		</div>

<div class="modal-header" style="background-color:steelblue">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<h4 class="modal-title">Update</h4>
			</div>

<input type="hidden" class="form-control id" name="id" id="id" required>
					<div class="row">
						<div class="form-group col-md-offset-2 col-md-8">
							<label>Subject Name</label>
							<select class="form-control" name="subject">
								<option value="">Select Subject</option>
								<option value="HTML">HTML</option>
								<option value="CSS">CSS</option>
								<option value="Javascript">Javascript</option>
							</select>
						</div>
						<div class="form-group col-md-offset-2 col-md-8">
							<label class="control-label col-sm-4">Browse Video</label>
							<input name="upvideo[]" multiple id="" type="file">
						</div>
						<div class="form-group col-md-offset-2 col-md-8">
							<label class="control-label col-sm-4">Browse Video</label>
							<input name="upimg[]" multiple id="" type="file">
						</div>
						<div class="form-group col-md-offset-2 col-md-8">
							<label class="control-label col-sm-4">Browse Video</label>
							<input name="uppdf[]" multiple id="" type="file">
						</div>
					</div>
					<div class="modal-footer">
						<button type="submit" class="btn btn-primary center-block submit" style="float:left;color:black;margin-top:10px;margin-left:40%">Update</button>
						<input type="reset" class="btn btn-primary" value="Cancel" id="cancel_model" style="float:left;color:black;margin-top:10px" />
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>

<script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />

<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/jqgrid/css/ui.jqgrid.css'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" />
<script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>"></script>

<?php echo view('includes/faculty_footer'); ?>
<style type="text/css">

#jaytab3 {
		width: 100% !important;
	}

.ui-jqdialog .ui-jqdialog-titlebar {
		height: 29px !important;
		background-color: #001a00;
		color: white;
		padding-left: 10px;
	}

.fm-button {
		height: 21px !important;
		padding: 1px;
		margin-right: 10px !important;
		height: 21px !important;
		width: 50%;
		margin-top: -7px !important;
	}

.ui-jqdialog-content td.navButton {
		padding-top: 12px !important;
	}

.ui-jqgrid .ui-jqgrid-titlebar {
		height: 7px !important;
		background: steelblue !important;
		color: white !important;
	}

.ui-jqgrid-bdiv {
		height: auto !important;
	}

.ui-widget-overlay {
		z-index: 0 !important;
	}

.ui-widget-header {
		background: #1e7ad7 !important;
	}

.ui-jqgrid-hdiv ui-state-default {
		/* width: 873px !important; */ 
		cursor: default !important
	}

ui-state-highlight,
	.ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
		border: 1px solid #fed22f;
		background: #ffe45c;
	}

.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		font-weight: bold;
		color: black;
	}

.ui-jqgrid {
		/* width: 988px !important; */
		overflow-x: scroll !important;
	}

@media only screen and (min-width:641px) and (max-width:991px) {

/* .ui-jqgrid {} */

#jaytab3 {
			margin-top: 0 !important;
			margin-left: 0 !important;
			/* overflow-x: hidden; */
			width: 100% !important;
			padding-left: 0 !important;
			padding-right: 9px !important;
		}

}

@media only screen and (min-width:320px) and (max-width:641px) {
		/* .ui-jqgrid {} */
	}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover,
	.ui-jqdialog .ui-jqdialog-titlebar-close:focus {
		padding: 0 !important;
	}

.ui-jqdialog .ui-jqdialog-titlebar-close {
		padding: 0 !important;
	}
</style>