This is a migrated thread and some comments may be shown as answers.

How to approach building a navbar like this using kendo components?

1 Answer 406 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
BitShift
Top achievements
Rank 1
Veteran
BitShift asked on 06 Jul 2018, 02:02 PM

Really like the look of this custom bootstrap navbar, especially with the integrated search box, the rounded corners etc.

http://fullstackengine.net/how-to-make-a-overlay-navbar-using-bootstrap-4-and-angular-2/

What would be a good approach to assemble something like this using the kendo components?

Im guessing, but Im thinking of building my own component by assembling various kendo components...

1 Answer, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 09 Jul 2018, 12:23 PM
Hi BitShift,

Indeed, we can use a combination of custom design and some Kedno Ui for Angular components in order to assemble the demonstrated toolbar. For the "Search" input we could use a kendoTextBox:
https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/

and for the "Search" button a kendoButton:
https://www.telerik.com/kendo-angular-ui/components/buttons/button/ 

There are also multiple online resources, like the following article, that provide guidelines of creating custom components in Angular:
http://www.gistia.com/create-use-custom-components-angular-2/

I hope this helps. Let me know in case I can provide any further assistance for the built in features of Kendo Ui for Angular.

Regards,
Svetlin
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
BitShift
Top achievements
Rank 1
Veteran
Answers by
Svet
Telerik team
Share this question
or