TWTSearchButton

TWTSearchButton (<twtsearchButton>)

javadoc

Figure 1. The <twtsearchButton> component.

Synopsis

A button that looks like the Twitter search field that appears at the top of the news feed.

Usage

Typically this would be placed inside a CollapsibleHeader, and often inside the TWTTitle component.

<collapsibleHeader scrollableComponent="#tweetList">
    <twtTitle>
        <twtsearchButton
            rad-href="#SearchForm"
            rad-href-trigger="TWTSearchButton.SEARCH_ACTION"
        />
    </twtTitle>
</collapsibleHeader>

In the above example, the rad-href and rad-href-trigger attributes are used to "catch" the SEARCH_ACTION action, which is triggered when the button is pressed, and direct the user to the SearchForm view.

The result looks like the following screenshot:

Figure 2. The <twtHeader> component with an embedded <twtsearchButton>.

Actions

SEARCH_ACTION

Triggered when the button is pressed.

Styles

TWTSearchButton

Style used for the container.

TWTSearchButtonAction

Style used for the internal button.