America/US Samples
Europe Samples
Asia Samples

Gaia Ajax: Panel

The Gaia Ajax Panel represents a control that acts as a container for other controls. It inherits from the ASP.NET Panel, and has built-in Ajax behaviour.

Panel content

Border Style
Border Width
Visibility
Back Color:
Red (255)
Green (255):
Blue (255):

Markup (ASPX/.aspx)

   1:   
   2:      <gaia:Panel ID="zPanel" runat="server" Height="100px" Width="200px"
   3:          BorderStyle="Dotted" BorderWidth="1">
   4:          Panel content
   5:      </gaia:Panel>
   6:      <br />
   7:      <div>
   8:          <div class="property-container">
   9:              <div class="property-name">
  10:                  Border Style</div>
  11:              <div class="property-controlpanel">
  12:                  <gaia:DropDownList ID="zBorderStyle" runat="server" OnInit="zBorderStyle_OnInit"
  13:                      AutoPostBack="True" OnSelectedIndexChanged="zBorderStyle_SelectedIndexChanged">
  14:                  </gaia:DropDownList>
  15:              </div>
  16:          </div>
  17:          <div class="property-container">
  18:              <div class="property-name">
  19:                  Border Width</div>
  20:              <div class="property-controlpanel">
  21:                  <gaia:DropDownList ID="zBorderWidth" runat="server" AutoPostBack="True"
  22:                      OnSelectedIndexChanged="zBorderWidth_SelectedIndexChanged">
  23:                      <asp:ListItem>1</asp:ListItem>
  24:                      <asp:ListItem>2</asp:ListItem>
  25:                      <asp:ListItem>3</asp:ListItem>
  26:                      <asp:ListItem>4</asp:ListItem>
  27:                      <asp:ListItem>5</asp:ListItem>
  28:                      <asp:ListItem>6</asp:ListItem>
  29:                      <asp:ListItem>7</asp:ListItem>
  30:                      <asp:ListItem>8</asp:ListItem>
  31:                      <asp:ListItem>9</asp:ListItem>
  32:                  </gaia:DropDownList>
  33:              </div>
  34:          </div>
  35:          <div class="property-container">
  36:              <div class="property-name">
  37:                  Visibility</div>
  38:              <div class="property-controlpanel">
  39:                  <gaia:CheckBox ID="zVisibility" runat="server" AutoPostBack="true"
  40:                      Checked="true" OnCheckedChanged="zVisibility_OnCheckedChanged" />
  41:              </div>
  42:          </div>
  43:          <div class="property-container">
  44:              <div class="property-name">
  45:                  Back Color:</div>
  46:              <div class="property-controlpanel">
  47:                  <div>
  48:                      <span class="span-red">Red (<gaia:Label ID="zLabelRed" runat="server"
  49:                          Text="255" />)</span>
  50:                      <gaia:Slider ID="zRed" runat="server" Width="150px" Value="100"
  51:                          OnValueChanged="zRed_ValueChanged" />
  52:                  </div>
  53:                  <div>
  54:                      <span class="span-green">Green (<gaia:Label ID="zLabelGreen"
  55:                          runat="server" Text="255" />):</span>
  56:                      <gaia:Slider ID="zGreen" runat="server" Width="150px" Value="100"
  57:                          OnValueChanged="zGreen_ValueChanged" />
  58:                  </div>
  59:                  <div>
  60:                      <span class="span-blue">Blue (<gaia:Label ID="zLabelBlue" runat="server"
  61:                          Text="255" />):</span>
  62:                      <gaia:Slider ID="zBlue" runat="server" Width="150px" Value="100"
  63:                          OnValueChanged="zBlue_ValueChanged" />
  64:                  </div>
  65:              </div>
  66:          </div>
  67:      </div>
  68: