[sp-demo-header title="Twitter%20ShortPoint" /]
Twitter OPTIONS
Settings Tab
[frame image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2019%2F05%2Ftwitter_settings.png"][/frame]
Twitter EXAMPLES
Examples
[divider style="double-dotted" /]
[section layout="default" vertical-alignment="top" class="shortpoint-copy"]
[section-item]
[row equalize-columns="true"]
[column 4 layout="default"]
[panel panel-style="transparent" title="Company%20News" icon="simple-plane" title-size="20" separator-size="2px"]
[images-list color="primary" image-size="6" image-shape="wide" spacing="thin" title-text-size="16px" subtitle-color="border-dark"]
[image-list-item title="Air%20Arabia%20celebrates%2015th%20anniversary%20with%20new%20brand%20identity" subtitle="May%2014%2C%202018" image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2018%2F10%2Fairarabia_8.jpg" /]
[image-list-item title="Air%20Arabia%20launches%20new%20route%20to%20Sulaimaniyah" subtitle="May%2013%2C%202018" image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2018%2F10%2Fairarabia_7.jpg" /]
[image-list-item title="Air%20Arabia%20launches%20new%20route%20to%20Kabul" subtitle="May%2012%2C%202018" image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2018%2F10%2Fairarabia_6.jpg" /]
[image-list-item title="Air%20Arabia%20Maroc%20supports%20Young%20Moroccan%20Innovative%20Entrepreneurs" subtitle="May%2013%2C%202018" image="https%3A%2F%2Fwww.shortpoint.com%2Fwp-content%2Fuploads%2F2018%2F10%2Fairarabia_5.jpg" /]
[/images-list]
[/panel]
[/column]
[column 4 layout="default"]
[panel panel-style="transparent" title="Twitter%20Feed" icon="simple-social-twitter" title-size="20" separator-size="2px"]
[twitter url="https%3A%2F%2Fwww.twitter.com%2FShortPoint_tw" height="400" /]
[/panel]
[/column]
[column 4 layout="default"]
[panel panel-style="transparent" title="Tools" icon="simple-settings" title-size="20" separator-size="2px"]
[tiles small color="primary" color-transparency="1" alignment="center" style="flip" icon-color="white" responsive="true" layout="grid" text-size="18" height="190px" width="33%25" blur="none"]
[tile title="Mail" icon="simple-envelope"] [/tile]
[tile title="Calendar" icon="simple-calendar"] [/tile]
[tile title="Drive" icon="simple-disc"] [/tile]
[tile title="Links" icon="simple-link"] [/tile]
[tile title="Staff%20Newsletter" icon="simple-envelope-letter"] [/tile]
[tile title="Planner" icon="simple-notebook"] [/tile]
[/tiles]
[/panel]
[/column]
[/row]
[/section-item]
[/section]
Twitter Options Demos
[section]
[section-item]
[row]
[column 4]
Default Twitter View
[divider style="double-dotted" /]
[twitter url="https%3A%2F%2Fwww.twitter.com%2FShortPoint_tw" width="400" height="400" class="shortpoint-copy" /]
[/column]
[column 4]
Dark Theme
[divider style="double-dotted" /]
[twitter url="https%3A%2F%2Fwww.twitter.com%2FShortPoint_tw" theme="true" width="400" height="400" class="shortpoint-copy" /]
[/column]
[column 4]
Custom Link Color
[divider style="double-dotted" /]
[twitter url="https%3A%2F%2Fwww.twitter.com%2FShortPoint_tw" link="green" width="400" height="400" class="shortpoint-copy" /]
[/column]
[/row]
[/section-item]
[/section]
[sp-demo-doc]Twitter feed URL – Required. Type in or copy paste the URL of your company's twitter feed here.
Dark Theme – Use a dark theme to display twitter posts.
Link Color – Choose a different color for links.
Width - Specify the width of the component in pixels. The width value should be between 220 and 1200 pixels.
Height - Specify the height of the component in pixels. The height should have a minimum value of 200 pixels.[/sp-demo-doc]