3 $cs = Yii::app()->getClientScript();
6 $this->
pageTitle=Yii::app()->name .
' - Buttons & Icons';
11 <h1>Buttons & Icons</h1>
12 <?php $this->beginWidget(
'zii.widgets.CPortlet', array(
13 'title'=>
'<span class="icon icon-brick">Button Styles</span>',
16 <div
class=
"flash-notice">There are 5 button colors and over <strong>1000</strong> small icons to choose from.</div>
17 <div
class=
"button_list">
19 <li><?php echo CHtml::link(
'<span class="icon icon-accept">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
20 <li><?php echo CHtml::link(
'<span class="icon icon-anchor">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
21 <li><?php echo CHtml::link(
'<span class="icon icon-tick">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
22 <li><?php echo CHtml::link(
'<span class="icon icon-disk">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
23 <li><?php echo CHtml::link(
'<span class="icon icon-delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
24 <li><?php echo CHtml::link(
'<span class="icon icon-error">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
25 <li><?php echo CHtml::link(
'<span class="icon icon-lightbulb">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
26 <li><?php echo CHtml::link(
'<span class="icon icon-status_online">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
27 <li><?php echo CHtml::link(
'<span class="icon icon-status_offline">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
28 <li><?php echo CHtml::link(
'<span class="icon icon-status_busy">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
29 <li><?php echo CHtml::link(
'<span class="icon icon-status_away">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
30 <li><?php echo CHtml::link(
'<span class="icon icon-sound_low">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
31 <li><?php echo CHtml::link(
'<span class="icon icon-rss_go">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
32 <li><?php echo CHtml::link(
'<span class="icon icon-printer">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
33 <li><?php echo CHtml::link(
'<span class="icon icon-plugin">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
34 <li><?php echo CHtml::link(
'<span class="icon icon-phone_delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
35 <li><?php echo CHtml::link(
'<span class="icon icon-paintbrush">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
36 <li><?php echo CHtml::link(
'<span class="icon icon-note">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
37 <li><?php echo CHtml::link(
'<span class="icon icon-new">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
38 <li><?php echo CHtml::link(
'<span class="icon icon-money_add">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
39 <li><?php echo CHtml::link(
'<span class="icon icon-magnifier">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'blue')); ?></li>
44 <li><?php echo CHtml::link(
'<span class="icon icon-accept">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
45 <li><?php echo CHtml::link(
'<span class="icon icon-anchor">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
46 <li><?php echo CHtml::link(
'<span class="icon icon-tick">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
47 <li><?php echo CHtml::link(
'<span class="icon icon-disk">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
48 <li><?php echo CHtml::link(
'<span class="icon icon-delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
49 <li><?php echo CHtml::link(
'<span class="icon icon-error">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
50 <li><?php echo CHtml::link(
'<span class="icon icon-lightbulb">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
51 <li><?php echo CHtml::link(
'<span class="icon icon-status_online">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
52 <li><?php echo CHtml::link(
'<span class="icon icon-status_offline">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
53 <li><?php echo CHtml::link(
'<span class="icon icon-status_busy">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
54 <li><?php echo CHtml::link(
'<span class="icon icon-status_away">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
55 <li><?php echo CHtml::link(
'<span class="icon icon-sound_low">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
56 <li><?php echo CHtml::link(
'<span class="icon icon-rss_go">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
57 <li><?php echo CHtml::link(
'<span class="icon icon-printer">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
58 <li><?php echo CHtml::link(
'<span class="icon icon-plugin">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
59 <li><?php echo CHtml::link(
'<span class="icon icon-phone_delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
60 <li><?php echo CHtml::link(
'<span class="icon icon-paintbrush">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
61 <li><?php echo CHtml::link(
'<span class="icon icon-note">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
62 <li><?php echo CHtml::link(
'<span class="icon icon-new">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
63 <li><?php echo CHtml::link(
'<span class="icon icon-money_add">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
64 <li><?php echo CHtml::link(
'<span class="icon icon-magnifier">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'green')); ?></li>
70 <li><?php echo CHtml::link(
'<span class="icon icon-accept">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
71 <li><?php echo CHtml::link(
'<span class="icon icon-anchor">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
72 <li><?php echo CHtml::link(
'<span class="icon icon-tick">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
73 <li><?php echo CHtml::link(
'<span class="icon icon-disk">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
74 <li><?php echo CHtml::link(
'<span class="icon icon-delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
75 <li><?php echo CHtml::link(
'<span class="icon icon-error">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
76 <li><?php echo CHtml::link(
'<span class="icon icon-lightbulb">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
77 <li><?php echo CHtml::link(
'<span class="icon icon-status_online">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
78 <li><?php echo CHtml::link(
'<span class="icon icon-status_offline">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
79 <li><?php echo CHtml::link(
'<span class="icon icon-status_busy">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
80 <li><?php echo CHtml::link(
'<span class="icon icon-status_away">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
81 <li><?php echo CHtml::link(
'<span class="icon icon-sound_low">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
82 <li><?php echo CHtml::link(
'<span class="icon icon-rss_go">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
83 <li><?php echo CHtml::link(
'<span class="icon icon-printer">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
84 <li><?php echo CHtml::link(
'<span class="icon icon-plugin">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
85 <li><?php echo CHtml::link(
'<span class="icon icon-phone_delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
86 <li><?php echo CHtml::link(
'<span class="icon icon-paintbrush">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
87 <li><?php echo CHtml::link(
'<span class="icon icon-note">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
88 <li><?php echo CHtml::link(
'<span class="icon icon-new">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
89 <li><?php echo CHtml::link(
'<span class="icon icon-money_add">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
90 <li><?php echo CHtml::link(
'<span class="icon icon-magnifier">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'yellow')); ?></li>
96 <li><?php echo CHtml::link(
'<span class="icon icon-accept">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
97 <li><?php echo CHtml::link(
'<span class="icon icon-anchor">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
98 <li><?php echo CHtml::link(
'<span class="icon icon-tick">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
99 <li><?php echo CHtml::link(
'<span class="icon icon-disk">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
100 <li><?php echo CHtml::link(
'<span class="icon icon-delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
101 <li><?php echo CHtml::link(
'<span class="icon icon-error">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
102 <li><?php echo CHtml::link(
'<span class="icon icon-lightbulb">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
103 <li><?php echo CHtml::link(
'<span class="icon icon-status_online">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
104 <li><?php echo CHtml::link(
'<span class="icon icon-status_offline">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
105 <li><?php echo CHtml::link(
'<span class="icon icon-status_busy">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
106 <li><?php echo CHtml::link(
'<span class="icon icon-status_away">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
107 <li><?php echo CHtml::link(
'<span class="icon icon-sound_low">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
108 <li><?php echo CHtml::link(
'<span class="icon icon-rss_go">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
109 <li><?php echo CHtml::link(
'<span class="icon icon-printer">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
110 <li><?php echo CHtml::link(
'<span class="icon icon-plugin">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
111 <li><?php echo CHtml::link(
'<span class="icon icon-phone_delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
112 <li><?php echo CHtml::link(
'<span class="icon icon-paintbrush">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
113 <li><?php echo CHtml::link(
'<span class="icon icon-note">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
114 <li><?php echo CHtml::link(
'<span class="icon icon-new">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
115 <li><?php echo CHtml::link(
'<span class="icon icon-money_add">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
116 <li><?php echo CHtml::link(
'<span class="icon icon-magnifier">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'red')); ?></li>
122 <li><?php echo CHtml::link(
'<span class="icon icon-accept">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
123 <li><?php echo CHtml::link(
'<span class="icon icon-anchor">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
124 <li><?php echo CHtml::link(
'<span class="icon icon-tick">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
125 <li><?php echo CHtml::link(
'<span class="icon icon-disk">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
126 <li><?php echo CHtml::link(
'<span class="icon icon-delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
127 <li><?php echo CHtml::link(
'<span class="icon icon-error">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
128 <li><?php echo CHtml::link(
'<span class="icon icon-lightbulb">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
129 <li><?php echo CHtml::link(
'<span class="icon icon-status_online">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
130 <li><?php echo CHtml::link(
'<span class="icon icon-status_offline">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
131 <li><?php echo CHtml::link(
'<span class="icon icon-status_busy">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
132 <li><?php echo CHtml::link(
'<span class="icon icon-status_away">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
133 <li><?php echo CHtml::link(
'<span class="icon icon-sound_low">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
134 <li><?php echo CHtml::link(
'<span class="icon icon-rss_go">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
135 <li><?php echo CHtml::link(
'<span class="icon icon-printer">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
136 <li><?php echo CHtml::link(
'<span class="icon icon-plugin">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
137 <li><?php echo CHtml::link(
'<span class="icon icon-phone_delete">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
138 <li><?php echo CHtml::link(
'<span class="icon icon-paintbrush">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
139 <li><?php echo CHtml::link(
'<span class="icon icon-note">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
140 <li><?php echo CHtml::link(
'<span class="icon icon-new">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
141 <li><?php echo CHtml::link(
'<span class="icon icon-money_add">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
142 <li><?php echo CHtml::link(
'<span class="icon icon-magnifier">Button Text</span>',array(
'/site/page',
'view'=>
'buttons_and_icons'),array(
'class'=>
'grey')); ?></li>
145 <br style=
"clear:left"/>
147 <?php $this->endWidget();?>
150 <div
class=
"flash-notice">
151 <p>This is a
"static" page. You may change the content of
this page
152 by updating the file <tt><?php echo __FILE__; ?></tt>.</p>