DropDownDataGrid change "dialog" width

SideSky · March 23, 2023, 10:24am

Is there a way to change the width only for the window that appears when clicking on the RadzenDropDownDataGrid?

Just using: 'Style="width:400px;"' changes the size of the Dialog and the Component itself.

enchev · March 23, 2023, 1:12pm

You can use some of the css classes to override the default min-width:

radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenDropDownDataGrid.razor#L110


      
          {
              <label class="rz-dropdown-label rz-inputtext " style="width:100%">
                  &nbsp;
              </label>
          }
          
          
<div class="rz-dropdown-trigger  rz-corner-right">
              <span class="rz-dropdown-trigger-icon  rzi rzi-chevron-down"></span>
          </div>
          
          
<div id="@PopupID" class="@(Multiple ? "rz-multiselect-panel" : "rz-dropdown-panel")"
               style="display:none;min-width:400px;padding:0px;">
              <div class="rz-lookup-panel">
                  @if (AllowFiltering)
                  {
                      <div class="rz-lookup-search">
                          <input class="rz-lookup-search-input" id="@SearchID" @ref="@search" tabindex="-1" placeholder="@SearchText"
                                 @onchange="@((args) => OnFilter(args))" @onkeydown="@((args) => OnFilterKeyPress(args))" value="@searchText" style="@(ShowSearch ? "" : "margin-right:0px;")" />
                          @if (ShowSearch)
                          {
                              <button class="rz-button rz-button-md rz-button-icon-only rz-primary" type="button" title="">