Embed a search box in the menu bar

[Stephen Graham]

Hi,

Has anybody managed to put a search box onto the main part of the menu bar? I can get it into a menu item, but not on the main bar.
Is this possible?

[Dimo]

Hi Stephen,

You can take a look at the following example:

http://jsfiddle.net/dimodi/wu5Wj/

All the best,
Dimo
the Telerik team

[Stephen Graham]

Hi,

sadly that won't work using the MVC helper.... is it possible from there?

ie

@(Html.Kendo().Menu()
      .Name("Menu")
      .Items(items =>
      {
          items.Add()
              //I'd like an input in here....!

[Dimo]

Hi Stephen,

I am sorry about the misunderstanding, however, please note that this is the non-MVC Kendo UI forum and you have not indicated that you are using the MVC helpers. Hence my reply was targeted at the pure client-side Menu widget.

You can set Encoded(false) for the item and inject the desired HTML markup with Text().

Regards,
Dimo
the Telerik team

[Karika]

How can you inject HTML code in .Text?
e.g.
items.Add().Text(@<text><input type="text" name="searchString" placeholder="Quick Search" title="Quick Search" id="quickSearchInput" class="k-textbox" spellcheck="true" autofocus="autofocus" autocomplete="on" /></text>).Encoded(false);

[Dimo]

Hello Karika,

You can inject HTML code as an ordinary string.

items.Add().Text("<input type='text' />").Encoded(false);

Regards,
Dimo
the Telerik team