Ejemplo n.º 1
0
<?php

global $CI;
ui_tabs();
?>

<div class="wrap">
	<?php 
admin_head('WP-CI Settings');
?>

	<?php 
echo form_open('saveSettings');
?>
		
		<?php 
success_and_failure();
?>
		
		<?php 
echo form_hidden('nonce', get_nonce());
?>
		
		<div class="ui-tabs">
			<ul class="ui-tabs-nav">
				<li><a href="#general">General</a></li>
				<li><a href="#debugging">Debugging</a></li>
			</ul>
			<div id="general">
				<table class="form-table">
					<tr>
Ejemplo n.º 2
0
<style type="text/css">
#vtabs .uiTabs { float:left; width:150px; margin:10px 0 0; }
#vtabs .uiTabbedBody { margin-left:150px; border:4px solid #ccc; background:#fff; min-height:300px; }
#vtabs .uiTabs li { border:0; background:none; float:none; margin:0; }
#vtabs .uiTabs li a { color:#005CB1; float:none; font:12px/1.1em Arial, sans-serif; }
#vtabs .uiTabs li a span { float:none; display:block; padding:6px 0 6px 15px; text-decoration:underline; }
#vtabs .uiTabs li a, #vtabs .uiTabs li a:hover { background:none; padding:0; }
#vtabs .uiTabs li a:hover span { background:none; }
#vtabs .uiTabs li.active a, #vtabs .uiTabs li.active a:hover span { background:#ccc; }
#vtabs .uiTabs li.active span { background:#ccc; }
</style>

<div id="vtabs">
	<?php 
echo ui_tabs(array(array('Lorem', '#uiTabbedView-vtabs1'), array('Ipsum', '#uiTabbedView-vtabs2'), array('Opossum', '#uiTabbedView-vtabs3')), 0, array('class' => 'uiTabs'));
?>
	<div class="uiTabbedBody">
		<div id="uiTabbedView-vtabs1">
			View one.
		</div>
		<div id="uiTabbedView-vtabs2" style="display:none">
			View two.
		</div>
		<div id="uiTabbedView-vtabs3" style="display:none">
			View three.
		</div>
	</div>
	<div style="clear:both;"></div>
</div>
Ejemplo n.º 3
0
<div id="manage-tabs">
	<?php 
echo ui_tabs(array(array('Lorem', '#', array('class' => 'uiTabbedView-ManageX')), array('Ipsum', '#', array('class' => 'uiTabbedView-ManageY')), array('Opossum', '#', array('class' => 'uiTabbedView-ManageZ'))), 0);
?>
	<div class="uiTabbedBody">
		<div id="uiTabbedView-ManageX">

			<div class="app-header">
				<h2>Manage flashcards</h2>
				<div class="clear"></div>
			</div>

			<p>View one.</p>

		</div>

		<div id="uiTabbedView-ManageY" style="display:none">
			View two.
		</div>

		<div id="uiTabbedView-ManageZ" style="display:none">
			View three.
		</div>

	</div>
	<div class="clear"></div>
</div>