Just wanted to ask how can I combine toolbar.Search and my toolbar.ClientTempalteId.
I need the functionality of Search but I also need to have custom dropdown as well for my toolbar.
Also how can my Custom dropdown template positioned on the left and my search be on the right of the toolbar.
Thanks,
Ryan
5 Answers, 1 is accepted
Rank 1
Got it.
Although I have additional question. how to resize the searchbox and how to filter based on selected item on the combobox?
Please see image attached.
Thanks!
Hi, Ryan,
To have the search functionality in the toolbar template, just include its markup:
https://www.telerik.com/forums/search-panel-and-toolbar-template#0ijru8paOkCBDfAt0n8YIg
In case you have any difficulties, please provide a code snippet of the toolbar template as text so I can test it locally.
Kind
Regards,
Alex Hajigeorgieva
Progress Telerik
Rank 1
Hi Alex Hajigeorgieva,
If you look check the attachment, youll see that the search is bigger than the dropdown and menu button
I have added style="font-family: verdana,arial,sans-serif; font-size: 12px;" to dropdown and it became smaller see below.
<input id="dropdownSource" style="width:200px; display:none; font-family: verdana,arial,sans-serif; font-size: 12px;" />
but for search I cant seem to make it smaller.
<span class="k-textbox k-grid-search k-display-flex" style="float:right"><input title="Search..." class="k-input" placeholder="Search..." autocomplete="off" style="font-family: verdana,arial,sans-serif; font-size: 12px;"><span class="k-input-icon"><span class="k-icon k-i-search"></span></span></span>
Hi, Ryan,
If you are using the suggested HTML, then the following CSS rules should help make the search and search icon smaller:
<style>
.k-grid-search, .k-icon.k-i-search {
font-size:10px;
}
</style>Here is a test Dojo: https://dojo.telerik.com/eRiwusEG/2
Regards,
Alex Hajigeorgieva
Progress Telerik
Rank 1