America/US Samples
Europe Samples
v3.7
Search samples

Gaia Ajax: EffectAppear

Make an element appear. If the element was previously set to display:none inside the style attribute of the element, the effect will automatically show the element. This means that display must be set within the style attribute of an object, and not in the CSS in the head of the document or a linked file. In other words, this Effect will not work if display:none is set within style tag or linked CSS file. Alternatively, display:none can be set using a document.getElementById script even if no style is set in the style attribute.


 

Markup (ASPX/.aspx)

   1:   
   2:  <gaia:LinkButton 
   3:      ID="zButtonDemo" 
   4:      runat="server"
   5:      OnClick="zButtonDemo_Click" 
   6:      Text="Run Demo!">
   7:      </gaia:LinkButton>
   8:      
   9:  <gaia:LinkButton 
  10:      ID="zButtonReset" 
  11:      runat="server"
  12:      OnClick="zButtonReset_Click" 
  13:      Text="Reset">
  14:      </gaia:LinkButton>
  15:   
  16:  <gaia:Panel 
  17:      ID="zPanel" 
  18:      runat="server"
  19:      BorderStyle="Solid"
  20:      BorderWidth="1"
  21:      Style="display:none; padding: 10px; text-align: center"
  22:      BackColor="lightblue" 
  23:      Height="150px"
  24:      Width="150px">
  25:  </gaia:Panel>
  26:   
  27: