1. AccordionContainer

Last page update: November 15, 2011

Note

AccordionContainer features:

• Type: Dojo widget
• Common attributes: check the common attributes section

• definitions

• examples:

  • simple example

1.1. definitions

• accordionContainer definition:

  pane.accordionContainer([**kwargs])

  Like StackContainer and TabContainer, an accordionContainer holds a set of accordionPanes whose titles are all visible, but only one pane’s content is visible at a time. Clicking on a pane title slides the currently-displayed one away, similar to a garage door

• accordionPane definition:

  pane.accordionPane([**kwargs])

  Parameters: title: MANDATORY. Set the accordionPane’s title

1.2. examples

1.2.1. simple example

• accordionContainer [basic]

  Note

  example elements’ list:

  • classes: GnrCustomWebPage
  • components: TestHandlerFull
  • webpage variables: py_requires

• Code:

  # -*- coding: UTF-8 -*-
  """Accordion container"""
  
  class GnrCustomWebPage(object):
      py_requires = "gnrcomponents/testhandler:TestHandlerFull"
  
      def test_1_basic(self, pane):
          """Basic accordion container"""
          ac = pane.accordionContainer(height='300px', selected='^selected')
          ap1 = ac.accordionPane(title='Pane one')
          ap1.div("""Click on the "Pane three"!""",
                  font_size='.9em', text_align='justify', margin='10px')
          ap2 = ac.accordionPane(title='Pane two')
          ap3 = ac.accordionPane(title='Pane three')
          ap3.div("""The content of a pane will be shown when user chooses the corresponding pane.""",
                  font_size='.9em', text_align='justify', margin='10px')