# C1.Blazor.Input.DropDownMode

## Content

<div class="doc-site-dotnet-api-container">




  <h1 id="C1_Blazor_Input_DropDownMode" data-uid="C1.Blazor.Input.DropDownMode" class="text-break">DropDownMode Enum
</h1>
  <div class="markdown level0 summary"><p>DropDown display mode.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Blazor.Input.html">C1.Blazor.Input</a></h6>
  <h6><strong>Assembly</strong>: C1.Blazor.Input.dll</h6>
  <h5 id="C1_Blazor_Input_DropDownMode_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public enum DropDownMode</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Enum DropDownMode</code></pre>
  </div>
  <h3 id="fields">Fields
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    <thead>
    </thead></thead><tbody>
      <tr>
        <td id="C1_Blazor_Input_DropDownMode_Above">Above</td>
        <td><p>Opens the drop-down above the header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_DropDownMode_Below">Below</td>
        <td><p>Opens the drop-down below the header.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_DropDownMode_Default">Default</td>
        <td><p>If the device is phone, then DropDownView is displayed in separate FullScreen page, if device is not phone, mode will be BelowOrAbove by default.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_Input_DropDownMode_FullScreen">FullScreen</td>
        <td><p>DropDownView is displayed in separate FullScreen page (similar to navigationpage) where user can select from list or navigate backwards by hitting back button</p>
</td>
      </tr>
    </tbody>
  </table>
</div>