fixed #3153

primefaces · Jun 20, 2017 · ed22a13 · ed22a13
1 parent 5f84dbd
commit ed22a13
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/app/components/megamenu/megamenu.ts b/src/app/components/megamenu/megamenu.ts
@@ -50,6 +50,9 @@ import {RouterModule} from '@angular/router';
                         </div>
                     </li>
                 </ng-template>
+                <li class="ui-menuitem ui-menuitem-custom ui-widget ui-corner-all" *ngIf="orientation === 'horizontal'">
+                    <ng-content></ng-content>
+                </li>
             </ul>
         </div>
     `,

diff --git a/src/app/showcase/components/megamenu/megamenudemo.html b/src/app/showcase/components/megamenu/megamenudemo.html
@@ -109,6 +109,19 @@ <h3>Getting Started</h3>
 </code>
 </pre>
 
+<h3>Custom Content</h3>
+<p>Custom content can be placed between p-megaMenu tags. Megamenu should be horizontal for custom content.</p>
+
+<pre>
+<code class="language-markup" pCode ngNonBindable>
+&lt;p-megaMenu [model]="items"&gt;
+    &lt;input type="text" pInputText placeholder="Search"&gt;
+    &lt;button pButton label="Logout" icon="fa-sign-out"&gt;&lt;/button&gt;
+&lt;/p-megaMenu&gt;
+</code>
+</pre>
+
+
 <h3>Properties</h3>
 <div class="doc-tablewrapper">
     <table class="doc-table">
-Original file line number
+Diff line change
@@ Expand Up / @@ -50,6 +50,9 @@ import {RouterModule} from '@angular/router'; @@
                             </div>
                         </li>
                     </ng-template>
+                    <li class="ui-menuitem ui-menuitem-custom ui-widget ui-corner-all" *ngIf="orientation === 'horizontal'">
+                        <ng-content></ng-content>
+                    </li>
                 </ul>
             </div>
         `,
@@ Expand Down @@