Note: you can't update data of this sample due insufficient permissions of logged demo user
Smarty template plugin docs available at {cms_plugin_info}
jQuery code snippet:
cms_plugin_info = $('.sample-plugin-control').cms_plugin_info( { // create cms_plugin_info instance's on <div> tag 
	class_control: "sample-plugin-control", // plugin control element class
	admin: ['admin','demo'], // plugin administrator groups
	cms_path: '/cms/srv', // cms folder relative path
	cms: true // enable using server API
} );
HTML code snippet:
<div class="sample-footer">
	<div class="sample-footer-running" style="text-align: center">
		<table align="center">
			<tr>
				<td>
					{$skin_info["company_copyright"]}. 
					{t}Site is running on{/t} 
					<a href="http://www.kusoftas.com" target="_blank">KUSoftas CMS</a>. 
				</td>
				<td class="sample-plugin-control"></td>
			</tr>
		</table>
	</div>
</div>
CSS code snippet:
.sample-footer {
  display: block;
  background: #5d676c;
  width: 100%;
  position: relative;
  border-top: 1px white solid;
  border-bottom: 1px white solid;
  color: white;
  font-size: 12px;
}
.sample-footer a,
.sample-footer a:visited,
.sample-footer a:active,
.sample-footer a:active,
.sample-footer a:hover {
  text-decoration:underline!important;
  color: white!important;
}
.sample-footer-running {
  position: relative;
  margin: 0px auto;
  display: block;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sample-footer-running table td {
  vertical-align: middle;
}
.sample-plugin-control {
	position: relative; width: 24px; height: 24px; left: 0px; top: 0px; 
	background: url('/skin/images/applications-system.png') no-repeat center center; 
	z-index: 1
}
.cms_plugin_info()
| Option | Method | Callback | 
|---|---|---|
| class_control, admin, cms_path, cms | 
| .cms_plugin_info( settings ) | |||||||
| 
 | 
cms_plugin_info plugin plugin styling and control (plugin implementation in sample):