extend/widgets

public/src/admin/extend/widgets.js

@@ -22,6 +22,8 @@ define('admin/extend/widgets', function() {
 			$('.available-widgets [data-widget="' + $(this).val() + '"]').removeClass('hide');
 		});
 		
+		$('#widget-selector').trigger('change');
+
 		loadWidgetData();
 	};
 

src/views/admin/extend/widgets.tpl

@@ -1,9 +1,5 @@
-<div id="widgets">
+<div id="widgets" class="row">
 	<div class="col-md-7">
-		<div class="panel panel-default">
-			<div class="panel-heading">Widget Areas</div>
-			<div class="panel-body">
-
 		<ul class="nav nav-pills">
 		<!-- BEGIN templates -->
 			<li class="<!-- IF @first -->active<!-- ENDIF @first -->"><a href="#" data-template="{../template}" data-toggle="pill">{../template}</a></li>
@@ -30,15 +26,13 @@
 			</div>
 		</div>
 	</div>
-		</div>
-	</div>
 
 	<div class="col-md-5">
 		<div class="panel panel-default">
 			<div class="panel-heading">Available Widgets</div>
 			<div class="panel-body">
 				<div class="available-widgets">
-					<p>Drag and drop widgets into templates</p>
+					<p>Select a widget and then drag and drop it into a template's widget area on the left.</p>
 					<!-- IF !widgets.length -->
 					<div class="alert alert-info">No widgets found! Activate the essential widgets plugin in the <a href="/admin/extend/plugins">plugins</a> control panel.</div>
 					<!-- ENDIF !widgets.length -->