protected function echoFormElements($aInstance, $aIDs, $aNames)
    {
        ?>
        <label for="<?php 
        echo $aIDs['title'];
        ?>
">
            <?php 
        _e('Title', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="text" name="<?php 
        echo $aNames['title'];
        ?>
" id="<?php 
        echo $aIDs['title'];
        ?>
" value="<?php 
        echo $aInstance['title'];
        ?>
"/>
        </p>
        
        <label for="<?php 
        echo $aIDs['selected_tag_slugs'];
        ?>
">
            <?php 
        _e('Select Tags', 'fetch-tweets');
        ?>
:
        </label>
        <br />
        <select name="<?php 
        echo $aNames['selected_tag_slugs'];
        ?>
[]" id="<?php 
        echo $aIDs['selected_tag_slugs'];
        ?>
"  multiple style="min-width: 220px;">
            <?php 
        foreach ($this->getTagSlugArrays() as $sTagSlug => $sTagName) {
            echo "<option value='{$sTagSlug}' " . (in_array($sTagSlug, $aInstance['selected_tag_slugs']) ? 'selected="Selected"' : '') . ">" . $sTagName . "</option>";
        }
        ?>
        </select>
        <p class="description" style="margin-top: 10px;">
            <?php 
        _e('Hold down the Ctrl (windows) / Command (Mac) key to select multiple items.', 'fetch-tweets');
        ?>
        </p>     
        
        <p>
        <?php 
        _e('Apply the rule sets that have:', 'fetch-tweets');
        ?>
            <span style="display: block; margin: 8px;">
                <input id="<?php 
        echo $aIDs['operator'];
        ?>
[0]" type="radio" name="<?php 
        echo $aNames['operator'];
        ?>
" value="AND" <?php 
        echo $aInstance['operator'] == 'AND' ? "Checked" : "";
        ?>
 />
                <label for="<?php 
        echo $aIDs['operator'];
        ?>
[0]">&nbsp;<?php 
        _e('All', 'fetch-tweets');
        ?>
</label>
                &nbsp;&nbsp;
                <input id="<?php 
        echo $aIDs['operator'];
        ?>
[1]" type="radio" name="<?php 
        echo $aNames['operator'];
        ?>
" value="IN" <?php 
        echo $aInstance['operator'] == 'IN' ? "Checked" : "";
        ?>
 />
                <label for="<?php 
        echo $aIDs['operator'];
        ?>
[1]">&nbsp;<?php 
        _e('Any', 'fetch-tweets');
        ?>
</label>
                &nbsp;&nbsp;
                <input id="<?php 
        echo $aIDs['operator'];
        ?>
[2]" type="radio" name="<?php 
        echo $aNames['operator'];
        ?>
" value="NOT IN" <?php 
        echo $aInstance['operator'] == 'NOT IN' ? "Checked" : "";
        ?>
 />
                <label for="<?php 
        echo $aIDs['operator'];
        ?>
[2]">&nbsp;<?php 
        _e('None', 'fetch-tweets');
        ?>
</label>
                
            </span>
            <?php 
        _e('of the selected tags.', 'fetch-tweets');
        ?>
        </p>
        
        <label for="<?php 
        echo $aIDs['count'];
        ?>
">
            <?php 
        _e('The maximum number of tweets to show', 'fetch-tweets');
        ?>
:
        </label>
        <br />
        <p>
            <input type="number" id="<?php 
        echo $aIDs['count'];
        ?>
" name="<?php 
        echo $aNames['count'];
        ?>
" min="1" value="<?php 
        echo $aInstance['count'];
        ?>
"/>
        </p>
        <p class="description" style="margin-top: 10px; padding-bottom: 5px;">    
            <?php 
        _e('Default', 'fetch-tweets');
        ?>
: 20
        </p>

        <p>
            <label for="<?php 
        echo $aIDs['twitter_media'];
        ?>
">
                <input type="hidden" name="<?php 
        echo $aNames['twitter_media'];
        ?>
" value=0 />
                <input type="checkbox" id="<?php 
        echo $aIDs['twitter_media'];
        ?>
" name="<?php 
        echo $aNames['twitter_media'];
        ?>
" value="1" <?php 
        echo $aInstance['twitter_media'] ? 'checked="Checked"' : '';
        ?>
 />
                <?php 
        _e('Show Twitter media.', 'fetch-tweets');
        ?>
            </label>
        </p>
        
        <p>
            <label for="<?php 
        echo esc_attr($aIDs['external_media']);
        ?>
">
                <input type="hidden" name="<?php 
        echo esc_attr($aNames['external_media']);
        ?>
" value=0 />
                <input type="checkbox" id="<?php 
        echo esc_attr($aIDs['external_media']);
        ?>
" name="<?php 
        echo esc_attr($aNames['external_media']);
        ?>
" value="1" <?php 
        echo esc_attr($aInstance['external_media']) ? 'checked="checked"' : '';
        ?>
 />
                <?php 
        _e('Show external media.', 'fetch-tweets');
        ?>
            </label>
        </p>        

        <p>
            <label for="<?php 
        echo esc_attr($aIDs['template']);
        ?>
">
                <?php 
        _e('Select a Template', 'fetch-tweets');
        ?>
:
            </label>
            <br />
            <select name="<?php 
        echo esc_attr($aNames['template']);
        ?>
" id="<?php 
        echo esc_attr($aIDs['template']);
        ?>
" >
                <?php 
        foreach (FetchTweets_PluginUtility::getTemplateArrayForSelectLabel() as $_sTemplateSlug => $_sTemplateName) {
            echo "<option value='" . esc_attr($_sTemplateSlug) . "' " . ($aInstance['template'] == $_sTemplateSlug ? 'selected="selected"' : '') . ">" . $_sTemplateName . "</option>";
        }
        ?>
            </select>
        </p>
        
        <label for="<?php 
        echo esc_attr($aIDs['avatar_size']);
        ?>
">
            <?php 
        _e('The profile image size in pixel.', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="number" id="<?php 
        echo esc_attr($aIDs['avatar_size']);
        ?>
" name="<?php 
        echo esc_attr($aNames['avatar_size']);
        ?>
" min="0" value="<?php 
        echo esc_attr($aInstance['avatar_size']);
        ?>
" />
        </p>
        <p class="description" style="margin-top: 10px;">    
            <?php 
        _e('Set 0 for no avatar.', 'fetch-tweets');
        ?>
 <?php 
        _e('Default', 'fetch-tweets');
        ?>
: 48
        </p>
        
        <label for="<?php 
        echo esc_attr($aIDs['width']);
        ?>
">
            <?php 
        _e('The width of the output.', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="number" id="<?php 
        echo esc_attr($aIDs['width']);
        ?>
" name="<?php 
        echo esc_attr($aNames['width']);
        ?>
" min="0" value="<?php 
        echo esc_attr($aInstance['width']);
        ?>
"/>
            <select name="<?php 
        echo esc_attr($aNames['width_unit']);
        ?>
" id="<?php 
        echo esc_attr($aIDs['width_unit']);
        ?>
" >
                <?php 
        foreach (array('px' => 'px', '%' => '%', 'em' => 'em') as $sUnitKey => $sUnitName) {
            echo "<option value='" . esc_attr($sUnitKey) . "' " . ($aInstance['width_unit'] == $sUnitKey ? 'selected="selected"' : '') . ">" . $sUnitName . "</option>";
        }
        ?>
            </select>                        
        </p>
        <p class="description" style="margin-top: 10px;">    
            <?php 
        _e('Set 0 for no limit.', 'fetch-tweets');
        ?>
 <?php 
        _e('Default', 'fetch-tweets');
        ?>
: <code>100 %</code>.
        </p>        
            
        <label for="<?php 
        echo esc_attr($aIDs['height']);
        ?>
">
            <?php 
        _e('The height of the output.', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="number" id="<?php 
        echo esc_attr($aIDs['height']);
        ?>
" name="<?php 
        echo esc_attr($aNames['height']);
        ?>
" min="0" value="<?php 
        echo esc_attr($aInstance['height']);
        ?>
"/>
            <select name="<?php 
        echo esc_attr($aNames['height_unit']);
        ?>
" id="<?php 
        echo esc_attr($aIDs['height_unit']);
        ?>
" >
                <?php 
        foreach (array('px' => 'px', '%' => '%', 'em' => 'em') as $sUnitKey => $sUnitName) {
            echo "<option value='" . esc_attr($sUnitKey) . "' " . ($aInstance['height_unit'] == $sUnitKey ? 'selected="selected"' : '') . ">" . $sUnitName . "</option>";
        }
        ?>
            </select>                        
        </p>
        <p class="description" style="margin-top: 10px;">    
            <?php 
        _e('Set 0 for no limit.', 'fetch-tweets');
        ?>
 <?php 
        _e('Default', 'fetch-tweets');
        ?>
: <code>400 px</code>.
        </p>    
            
        <?php 
    }
    protected function echoFormElements($aInstance, $aIDs, $aNames)
    {
        ?>
        <label for="<?php 
        echo $aIDs['title'];
        ?>
">
            <?php 
        _e('Title', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="text" name="<?php 
        echo $aNames['title'];
        ?>
" id="<?php 
        echo $aIDs['title'];
        ?>
" value="<?php 
        echo $aInstance['title'];
        ?>
"/>
        </p>
        
        <label for="<?php 
        echo $aIDs['selected_ids'];
        ?>
">
            <?php 
        _e('Select Rules', 'fetch-tweets');
        ?>
:
        </label>
        <br />
        <select name="<?php 
        echo $aNames['selected_ids'];
        ?>
[]" id="<?php 
        echo $aIDs['selected_ids'];
        ?>
"  multiple style="min-width: 220px;">
            <?php 
        $oQuery = new WP_Query(array('post_status' => 'publish', 'post_type' => FetchTweets_Commons::PostTypeSlug, 'posts_per_page' => -1));
        foreach ($oQuery->posts as $oPost) {
            echo "<option value='{$oPost->ID}' " . (in_array($oPost->ID, $aInstance['selected_ids']) ? 'selected="Selected"' : '') . ">" . $oPost->post_title . "</option>";
        }
        ?>
        </select>
        <p class="description" style="margin-top: 10px;">
            <?php 
        _e('Hold down the Ctrl (windows) / Command (Mac) key to select multiple items.', 'fetch-tweets');
        ?>
        </p>     
        
        <label for="<?php 
        echo $aIDs['count'];
        ?>
">
            <?php 
        _e('The maximum number of tweets to show', 'fetch-tweets');
        ?>
:
        </label>
        <br />
        <p>
            <input type="number" id="<?php 
        echo $aIDs['count'];
        ?>
" name="<?php 
        echo $aNames['count'];
        ?>
" min="1" value="<?php 
        echo $aInstance['count'];
        ?>
"/>
        </p>
        <p class="description" style="margin-top: 10px; padding-bottom: 5px;">    
            <?php 
        _e('Default', 'fetch-tweets');
        ?>
: 20
        </p>
        
        <p>
            <label for="<?php 
        echo $aIDs['twitter_media'];
        ?>
">
                <input type="hidden" name="<?php 
        echo $aNames['twitter_media'];
        ?>
" value=0 />
                <input type="checkbox" id="<?php 
        echo $aIDs['twitter_media'];
        ?>
" name="<?php 
        echo $aNames['twitter_media'];
        ?>
" value="1" <?php 
        echo $aInstance['twitter_media'] ? 'checked="Checked"' : '';
        ?>
 />
                <?php 
        _e('Show Twitter media.', 'fetch-tweets');
        ?>
            </label>
        </p>
        
        <p>
            <label for="<?php 
        echo $aIDs['external_media'];
        ?>
">
                <input type="hidden" name="<?php 
        echo $aNames['external_media'];
        ?>
" value=0 />
                <input type="checkbox" id="<?php 
        echo $aIDs['external_media'];
        ?>
" name="<?php 
        echo $aNames['external_media'];
        ?>
" value="1" <?php 
        echo $aInstance['external_media'] ? 'checked="Checked"' : '';
        ?>
 />
                <?php 
        _e('Show external media.', 'fetch-tweets');
        ?>
            </label>
        </p>        
        
        <p>
            <label for="<?php 
        echo $aIDs['template'];
        ?>
">
                <?php 
        _e('Select a Template', 'fetch-tweets');
        ?>
:
            </label>
            <br />
            <select name="<?php 
        echo $aNames['template'];
        ?>
" id="<?php 
        echo $aIDs['template'];
        ?>
" >
                <?php 
        foreach (FetchTweets_PluginUtility::getTemplateArrayForSelectLabel() as $sTemplateSlug => $sTemplateName) {
            echo "<option value='{$sTemplateSlug}' " . ($aInstance['template'] == $sTemplateSlug ? 'selected="Selected"' : '') . ">" . $sTemplateName . "</option>";
        }
        ?>
            </select>
        </p>
                
        <label for="<?php 
        echo $aIDs['avatar_size'];
        ?>
">
            <?php 
        _e('The profile image size in pixel.', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="number" id="<?php 
        echo $aIDs['avatar_size'];
        ?>
" name="<?php 
        echo $aNames['avatar_size'];
        ?>
" min="0" value="<?php 
        echo $aInstance['avatar_size'];
        ?>
"/>
        </p>
        <p class="description" style="margin-top: 10px;">    
            <?php 
        _e('Set 0 for no avatar.', 'fetch-tweets');
        ?>
 <?php 
        _e('Default', 'fetch-tweets');
        ?>
: 48
        </p>

        <label for="<?php 
        echo $aIDs['width'];
        ?>
">
            <?php 
        _e('The width of the output.', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="number" id="<?php 
        echo $aIDs['width'];
        ?>
" name="<?php 
        echo $aNames['width'];
        ?>
" min="0" value="<?php 
        echo $aInstance['width'];
        ?>
"/>
            <select name="<?php 
        echo $aNames['width_unit'];
        ?>
" id="<?php 
        echo $aIDs['width_unit'];
        ?>
" >
                <?php 
        foreach (array('px' => 'px', '%' => '%', 'em' => 'em') as $sUnitKey => $sUnitName) {
            echo "<option value='{$sUnitKey}' " . ($aInstance['width_unit'] == $sUnitKey ? 'selected="Selected"' : '') . ">" . $sUnitName . "</option>";
        }
        ?>
            </select>                        
        </p>
        <p class="description" style="margin-top: 10px;">    
            <?php 
        _e('Set 0 for no limit.', 'fetch-tweets');
        ?>
 <?php 
        _e('Default', 'fetch-tweets');
        ?>
: <code>100 %</code>.
        </p>        
            
        <label for="<?php 
        echo $aIDs['height'];
        ?>
">
            <?php 
        _e('The height of the output.', 'fetch-tweets');
        ?>
:
        </label>
        <p>
            <input type="number" id="<?php 
        echo $aIDs['height'];
        ?>
" name="<?php 
        echo $aNames['height'];
        ?>
" min="0" value="<?php 
        echo $aInstance['height'];
        ?>
"/>
            <select name="<?php 
        echo $aNames['height_unit'];
        ?>
" id="<?php 
        echo $aIDs['height_unit'];
        ?>
" >
                <?php 
        foreach (array('px' => 'px', '%' => '%', 'em' => 'em') as $sUnitKey => $sUnitName) {
            echo "<option value='{$sUnitKey}' " . ($aInstance['height_unit'] == $sUnitKey ? 'selected="Selected"' : '') . ">" . $sUnitName . "</option>";
        }
        ?>
            </select>                        
        </p>
        <p class="description" style="margin-top: 10px;">    
            <?php 
        _e('Set 0 for no limit.', 'fetch-tweets');
        ?>
 <?php 
        _e('Default', 'fetch-tweets');
        ?>
: <code>400 px</code>.
        </p>            
    <?php 
    }
 public function setUp()
 {
     $_oTemplate = new FetchTweets_Template();
     // passing an empty value will make the object default template.
     $this->addSettingFields(array('field_id' => 'fetch_tweets_template', 'title' => __('Select Template', 'fetch-tweets'), 'description' => __('Set the default template for this rule. If a template is specified in a widget, the shortcode, or the function, this setting will be overridden.', 'fetch-tweets'), 'label' => $arr = FetchTweets_PluginUtility::getTemplateArrayForSelectLabel(), 'type' => 'select', 'default' => $_oTemplate->getSlug(), 'show_title_column' => false), array());
 }