Dear Support,
a)I am trying to define the width in a Grid Toolbar custom Item for
a) SfDropDownList Width="100px"
b) SfDatePicker Width="130px"
c)<SfTextBox Width="90px"
and is not working.
can provide a working code sample based on the code below, on how to achieve that?
***code***
<SfGrid AllowPaging="true" ID="GridnameVisitActivities" @attributes="@GridnameVisitActivitiesAttributes" @ref="GridnameVisitActivities" DataSource="@VisitActivityObjects" Height="100%" Width="100%">
<GridTemplates>
<ToolbarTemplate>
<SfToolbar>
<ToolbarEvents Clicked="ToolbarClickHandler"></ToolbarEvents>
<ToolbarItems>
<ToolbarItem Type="@ItemType.Button" Id="refresh" TooltipText="refresh" PrefixIcon="e-icons e-refresh"></ToolbarItem>
<ToolbarItem Type="@ItemType.Input">
<Template>
<SfDropDownList Width="100px" TValue="string" TItem="SelectStatusClass" DataSource=@LocalDataStatus @bind-Value="@SelectStatusClassDropVal" AllowFiltering="false" Placeholder="STATUS">
<DropDownListFieldSettings Text="text" Value="text"> </DropDownListFieldSettings>
<DropDownListEvents TValue="string" TItem="SelectStatusClass" ValueChange="SelectStatusOnChange"> </DropDownListEvents>
</SfDropDownList>
</Template>
</ToolbarItem>
<ToolbarItem Type="@ItemType.Input">
<Template>
<SfDatePicker Width="130px" TValue="DateTime?" @bind-Value="@MyFilterModelObj.ExamStartFilter" Format="dd/MM/yyyy" Placeholder="exams FROM">
<DatePickerEvents TValue="DateTime?" ValueChange="SelectExamStartOnChange"></DatePickerEvents>
</SfDatePicker>
</Template>
</ToolbarItem>
<ToolbarItem Type="@ItemType.Input">
<Template>
<SfTextBox Width="90px" @bind-Value="MyFilterModelObj.txtReceptionNotesFilter" Placeholder="REnotes" @onkeydown='@(e => OnMyKeyPressed(e))'></SfTextBox>
</Template>
</ToolbarItem>
<ToolbarItem Type="@ItemType.Button" Text="SEARCH" Id="search" TooltipText="search">
</ToolbarItem>
<ToolbarItem Type="@ItemType.Button" Text="CLEAR" Id="clear" TooltipText="clear"> </ToolbarItem>
</ToolbarItems>
</SfToolbar>
</ToolbarTemplate>
</GridTemplates>
