Skip to content

Commit 37731b5

Browse files
simonssspiritsimonssspirit
committed
docs: add example on how to integrate the responsive panel with the menu in angular
1 parent 04ba19e commit 37731b5

File tree

1 file changed

+157
-0
lines changed

1 file changed

+157
-0
lines changed

‎docs/controls/layout/responsivepanel/how-to/integrate-the-responsivepanel-with-the-menu-in-angularjs.md‎

Lines changed: 157 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
---
2+
title:Integrate The ResponsivePanel With The Menu In AngularJS
3+
page_title: Integrate The ResponsivePanel With The Menu In AngularJS | Kendo UI ResponsivePanel
4+
description: "Learn how to integrate the ResponsivePanel with the Menu in AngularJS"
5+
slug: howto_integrateresponsivepanelwithmenuinangularjs_responsivepanel
6+
---
7+
8+
# Integrate the ResponsivePanel with the Menu
9+
10+
Check the example on how to have the Menu inside the ResponsivePanel.
11+
12+
###### Example
13+
14+
```html
15+
<div id="example" ng-app="KendoDemos">
16+
<div class="demo-section k-content" ng-controller="MyCtrl">
17+
<button class="k-rpanel-toggle"><i class="k-icon k-i-hbars"></i></button>
18+
19+
<div kendo-responsive-panel style="overflow:visible">
20+
<ul kendo-menu >
21+
<li>
22+
Men's
23+
<ul>
24+
<li>Footwear
25+
<ul>
26+
<li>Leisure Trainers</li>
27+
<li>Running Shoes</li>
28+
<li>Outdoor Footwear</li>
29+
<li>Sandals/Flip Flops</li>
30+
<li>Footwear Accessories</li>
31+
</ul>
32+
</li>
33+
<li>Leisure Clothing
34+
<ul>
35+
<li>T-Shirts</li>
36+
<li>Hoodies &amp; Sweatshirts</li>
37+
<li>Jackets</li>
38+
<li>Pants</li>
39+
<li>Shorts</li>
40+
</ul>
41+
</li>
42+
<li>Sports Clothing
43+
<ul>
44+
<li>Football</li>
45+
<li>Basketball</li>
46+
<li>Golf</li>
47+
<li>Tennis</li>
48+
<li>Swimwear</li>
49+
</ul>
50+
</li>
51+
<li>Accessories</li>
52+
</ul>
53+
</li>
54+
<li>
55+
Women's
56+
<ul>
57+
<li>Footwear
58+
<ul>
59+
<li>Leisure Trainers</li>
60+
<li>Running Shoes</li>
61+
<li>Outdoor Footwear</li>
62+
<li>Sandals/Flip Flops</li>
63+
<li>Footwear Accessories</li>
64+
</ul>
65+
</li>
66+
<li>Leisure Clothing
67+
<ul>
68+
<li>T-Shirts</li>
69+
<li>Jackets</li>
70+
</ul>
71+
</li>
72+
<li>Sports Clothing
73+
<ul>
74+
<li>Basketball</li>
75+
<li>Golf</li>
76+
<li>Tennis</li>
77+
<li>Swimwear</li>
78+
</ul>
79+
</li>
80+
<li>Accessories</li>
81+
</ul>
82+
</li>
83+
<li>
84+
Boy's
85+
<ul>
86+
<li>Footwear
87+
<ul>
88+
<li>Leisure Trainers</li>
89+
<li>Running Shoes</li>
90+
<li>Outdoor Footwear</li>
91+
<li>Sandals/Flip Flops</li>
92+
<li>Footwear Accessories</li>
93+
</ul>
94+
</li>
95+
<li>Leisure Clothing
96+
<ul>
97+
<li>T-Shirts</li>
98+
<li>Hoodies &amp; Sweatshirts</li>
99+
<li>Jackets</li>
100+
<li>Pants</li>
101+
<li>Shorts</li>
102+
</ul>
103+
</li>
104+
<li>Sports Clothing
105+
<ul>
106+
<li>Football</li>
107+
<li>Basketball</li>
108+
<li>Rugby</li>
109+
<li>Tennis</li>
110+
<li>Swimwear</li>
111+
</ul>
112+
</li>
113+
<li>Accessories</li>
114+
</ul>
115+
</li>
116+
<li>
117+
Girl's
118+
<ul>
119+
<li>Footwear
120+
<ul>
121+
<li>Leisure Trainers</li>
122+
<li>Running Shoes</li>
123+
<li>Fitness Trainers</li>
124+
<li>Sandals/Flip Flops</li>
125+
<li>Footwear Accessories</li>
126+
</ul>
127+
</li>
128+
<li>Leisure Clothing
129+
<ul>
130+
<li>T-Shirts</li>
131+
<li>Hoodies &amp; Sweatshirts</li>
132+
<li>Jackets</li>
133+
<li>Pants</li>
134+
<li>Shorts</li>
135+
</ul>
136+
</li>
137+
<li>Sports Clothing
138+
<ul>
139+
<li>Basketball</li>
140+
<li>Tennis</li>
141+
<li>Swimwear</li>
142+
</ul>
143+
</li>
144+
<li>Accessories</li>
145+
</ul>
146+
</li>
147+
</ul>
148+
</div>
149+
</div>
150+
</div>
151+
152+
<script>
153+
angular.module("KendoDemos", [ "kendo.directives" ])
154+
.controller("MyCtrl", function($scope){
155+
})
156+
</script>
157+
```

0 commit comments

Comments
 (0)