{"id":36,"date":"2017-05-12T09:48:41","date_gmt":"2017-05-12T09:48:41","guid":{"rendered":"http:\/\/xdemo13.daext.com\/?page_id=36"},"modified":"2023-10-11T14:05:06","modified_gmt":"2023-10-11T14:05:06","slug":"homepage","status":"publish","type":"page","link":"https:\/\/demo.daext.com\/television-news-ticker\/","title":{"rendered":"Homepage"},"content":{"rendered":"

Examples<\/h2>\n

Television News Ticker allows you to provide real time news to your users from different sources: from a database table, from manually generated JSON data, from an RSS feed or from a Twitter account.<\/p>\n

From your database or from JSON data<\/h3>\n

Retrieve the news from a custom database table with PHP by using the included script or manually generate the JSON data.<\/p>\n

World News<\/a>
\nSliding News with Stock Market Data<\/a>
\nPremier League Results<\/a><\/p>\n

From an external source (RSS feed or Twitter)<\/h3>\n

Retrieve the news from an RSS feed or from a Twitter account. In this demo the news are updated each time the page is loaded but you can even update the news at every news cycle if you want, you can control the behavior of the news ticker with the customization options.<\/p>\n

BBC News<\/a> (updated from the BBC News – World<\/a> RSS feed )
\nCNN Arabic with RTL layout<\/a> (updated from the CNN Arabic – World<\/a> RSS feed)<\/p>\n

Customization Options<\/h3>\n

This product has a total of 61 customization options. To use a customization option set its value during the initialization process of the news ticker.<\/p>\n

This example demonstrates how to define a custom number of displayed news with the numberOfNews<\/strong> option.<\/p>\n

<script>\nnewsTicker.initialize({\n    newsDataJson: 'data.json',\n    numberOfNews: 20,\n  });\n<\/script><\/pre>\n
Use this table to understand how each option should be used:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Name<\/b><\/td>\nType<\/b><\/td>\nDefault<\/b><\/td>\nDescription<\/b><\/td>\n<\/tr>\n
newsDataJson<\/td>\nString<\/td>\n‘source\/static.json’<\/td>\nThe URL to the news data in JSON format.<\/td>\n<\/tr>\n
cachedCycles<\/td>\nNumber<\/td>\n0<\/td>\nThe number of cycles that should be performed without retrieving
\nthe news.<\/td>\n<\/tr>\n
tickerClosedInitial<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option determines the initial status of the news ticker
\n(Open or Closed). Please note that the cookie used to store the
\nstatus has priority over this option.<\/td>\n<\/tr>\n
layout<\/td>\nString<\/td>\n‘ltr’<\/td>\nThe layout of the news ticker. ‘ltr’ defines a left to right
\nlayout and ‘rtl’ defines a right to left layout.<\/td>\n<\/tr>\n
moveInterval<\/td>\nNumber<\/td>\n10<\/td>\nThis value determines the interval in milliseconds used to move
\nthe sliding news. A low value increases the speed, a high value
\nreduces the speed.<\/td>\n<\/tr>\n
token<\/td>\nNumber<\/td>\n0<\/td>\nSet this token if you plan to verify server-side the AJAX
\nrequest with your custom mechanism before returning the news
\nticker data. The server-side generation of the token should be
\nmanually implemented based on your needs.<\/td>\n<\/tr>\n
hideFeaturedNews<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option determines if the featured news are displayed or
\nnot.<\/td>\n<\/tr>\n
numberOfNews<\/td>\nNumber<\/td>\n10<\/td>\nThis option determines the number of news displayed in the news
\nticker.<\/td>\n<\/tr>\n
rssUrl<\/td>\nString<\/td>\n”<\/td>\nThis option should be used to set the URL of the RSS feed.<\/td>\n<\/tr>\n
twitterUsername<\/td>\nString<\/td>\n”<\/td>\nThe Twitter username for which you want to retrieve the news.<\/td>\n<\/tr>\n
twitterStripLinks<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option determines if the links should be removed from the
\nimported tweets.<\/td>\n<\/tr>\n
twitterStripHashtags<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option determines if the hashtags should be removed form
\nthe imported tweets.<\/td>\n<\/tr>\n
twitterStripUsernames<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option determines if the usernames should be removed from
\nthe imported tweets.<\/td>\n<\/tr>\n
featuredNewsBackgroundColor<\/td>\nString<\/td>\n‘#c90016’<\/td>\nThe color of the featured news background. Should be provided as
\na string with the color in HEX format (eg. ‘#ff0000’) or in RGBA
\nformat. (eg. ‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
featuredNewsTitleColor<\/td>\nString<\/td>\n‘#eee’<\/td>\nThe color of the featured news title text. Should be provided as
\na string with the color in HEX format (eg. ‘#ff0000’) or in RGBA
\nformat. (eg. ‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
featuredNewsTitleColorHover<\/td>\nString<\/td>\n‘#111’<\/td>\nThe color of the featured news title text in hover state. Should
\nbe provided as a string with the color in HEX format (eg.
\n‘#ff0000’) or in RGBA format. (eg. ‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
featuredNewsTitleFontSize<\/td>\nNumber<\/td>\n38<\/td>\nThe font size of the featured news title text in pixels.<\/td>\n<\/tr>\n
featuredNewsTitleFontWeight<\/td>\nNumber<\/td>\n700<\/td>\nThe font weight of the featured news title text.<\/td>\n<\/tr>\n
featuredNewsTitleFontFamily<\/td>\nString<\/td>\n“‘Open Sans’, sans-serif”<\/td>\nThe font family of the featured news title text.<\/td>\n<\/tr>\n
featuredNewsTitleFontStyle<\/td>\nString<\/td>\n‘normal’<\/td>\nThe font style of the featured news title text. (possible values
\nare ‘normal’, ‘italic’ and ‘oblique’)<\/td>\n<\/tr>\n
featuredNewsTitleTextTransform<\/td>\nString<\/td>\n‘uppercase’<\/td>\nThe text transform value of the featured news title text.
\n(possible values are ‘none’, ‘capitalize’, ‘uppercase’,
\n‘lowercase’)<\/td>\n<\/tr>\n
featuredNewsTitleMaxLength<\/td>\nNumber<\/td>\n255<\/td>\nThe maximum number of characters displayed for the featured news
\ntitle. If the actual title is longer than the limit imposed with
\nthis option the title will be truncated with final ellipsis.<\/td>\n<\/tr>\n
featuredNewsTitleEnableLinks<\/td>\nBoolean<\/td>\nTrue<\/td>\nWhether to enable or not the link associated with the featured
\nnews title.<\/td>\n<\/tr>\n
featuredNewsTitleOpenLinkTab<\/td>\nBoolean<\/td>\nFalse<\/td>\nWhether to open in a new tab or not the link associated with the
\nfeatured news title.<\/td>\n<\/tr>\n
featuredNewsExcerptColor<\/td>\nString<\/td>\n‘#eee’<\/td>\nThe color of the featured news excerpt text. Should be provided
\nas a string with the color in HEX format (eg. ‘#ff0000’) or in
\nRGBA format. (eg. ‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
featuredNewsExcerptFontSize<\/td>\nNumber<\/td>\n28<\/td>\nThe font size of the featured excerpt title text in pixels.<\/td>\n<\/tr>\n
featuredNewsExcerptFontWeight<\/td>\nNumber<\/td>\n700<\/td>\nThe font weight of the featured news excerpt text.<\/td>\n<\/tr>\n
featuredNewsExcerptFontFamily<\/td>\nString<\/td>\n“‘Open Sans’, sans-serif”<\/td>\nThe font family of the featured news excerpt text.<\/td>\n<\/tr>\n
featuredNewsExcerptFontStyle<\/td>\nString<\/td>\n‘normal’<\/td>\nThe font style of the featured news excerpt text. (possible
\nvalues are ‘normal’, ‘italic’ and ‘oblique’)<\/td>\n<\/tr>\n
featuredNewsExcerptTextTransform<\/td>\nString<\/td>\n‘none’<\/td>\nThe text transform value of the featured news excerpt. (possible
\nvalues are ‘none’, ‘capitalize’, ‘uppercase’, ‘lowercase’)<\/td>\n<\/tr>\n
featuredNewsExcerptMaxLength<\/td>\nNumber<\/td>\n255<\/td>\nThe maximum number of characters displayed for the featured news
\nexcerpt. If the actual excerpt is longer than the limit imposed
\nwith this option the title will be truncated with final ellipsis.<\/td>\n<\/tr>\n
slidingNewsBackgroundColor<\/td>\nString<\/td>\n‘#000000’<\/td>\nThe color of the sliding news background. Should be provided as
\na string with the color in HEX format (eg. ‘#ff0000’) or in RGBA
\nformat. (eg. ‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
slidingNewsColor<\/td>\nString<\/td>\n‘#eee’<\/td>\nThe color of the sliding news text. Should be provided as a
\nstring with the color in HEX format (eg. ‘#ff0000’) or in RGBA
\nformat. (eg. ‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
slidingNewsColorHover<\/td>\nString<\/td>\n‘#aaaaaa’<\/td>\nThe color of the sliding news text in hover state. Should be
\nprovided as a string with the color in HEX format (eg. ‘#ff0000’)
\nor in RGBA format. (eg. ‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
slidingNewsFontSize<\/td>\nNumber<\/td>\n28<\/td>\nThe font size of the sliding news text in pixels.<\/td>\n<\/tr>\n
slidingNewsFontWeight<\/td>\nNumber<\/td>\n700<\/td>\nThe font weight of the sliding news text.<\/td>\n<\/tr>\n
slidingNewsFontFamily<\/td>\nString<\/td>\n“‘Open Sans’, sans-serif”<\/td>\nThe font family of the sliding news text.<\/td>\n<\/tr>\n
slidingNewsFontStyle<\/td>\nString<\/td>\n‘normal’<\/td>\nThe font style of the sliding news text. (possible values are
\n‘normal’, ‘italic’ and ‘oblique’)<\/td>\n<\/tr>\n
slidingNewsTextTransform<\/td>\nString<\/td>\n‘uppercase’<\/td>\nThe text transform value of the sliding news text. (possible
\nvalues are ‘none’, ‘capitalize’, ‘uppercase’, ‘lowercase’)<\/td>\n<\/tr>\n
slidingNewsPadding<\/td>\nNumber<\/td>\n112<\/td>\nThe padding between the sliding news in pixels.<\/td>\n<\/tr>\n
slidingNewsMaxLength<\/td>\nNumber<\/td>\n255<\/td>\nThe maximum number of characters displayed for the sliding news
\ntext. If the actual sliding news text is longer than the limit
\nimposed with this option the sliding news text will be truncated
\nwith final ellipsis.<\/td>\n<\/tr>\n
slidingNewsEnableLinks<\/td>\nBoolean<\/td>\nTrue<\/td>\nWhether to enable or not the link associated with the sliding
\nnews.<\/td>\n<\/tr>\n
slidingNewsOpenLinksNewTab<\/td>\nBoolean<\/td>\nFalse<\/td>\nWhether to open in a new tab or not the link associated with the
\nsliding news text.<\/td>\n<\/tr>\n
showClock<\/td>\nBoolean<\/td>\nTrue<\/td>\nWhether to show or not the clock.<\/td>\n<\/tr>\n
clockColor<\/td>\nString<\/td>\n‘#111’<\/td>\nThe color of the clock text. Should be provided as a string with
\nthe color in HEX format (eg. ‘#ff0000’) or in RGBA format. (eg.
\n‘rgba(255, 0, 0, 0.8)’)<\/td>\n<\/tr>\n
clockFontSize<\/td>\nNumber<\/td>\n28<\/td>\nThe font size of the clock text in pixels.<\/td>\n<\/tr>\n
clockFontWeight<\/td>\nNumber<\/td>\n700<\/td>\nThe font weight of the clock text.<\/td>\n<\/tr>\n
clockFontFamily<\/td>\nString<\/td>\n“‘Open Sans’, sans-serif”<\/td>\nThe font family of the clock text.<\/td>\n<\/tr>\n
clockFontStyle<\/td>\nString<\/td>\n‘normal’<\/td>\nThe font style of the clock text. (possible values are ‘none’,
\n‘capitalize’, ‘uppercase’, ‘lowercase’)<\/td>\n<\/tr>\n
clockUpdate<\/td>\nNumber<\/td>\n1000<\/td>\nThis value determines how frequently the clock should be updated
\nin milliseconds.<\/td>\n<\/tr>\n
clockBackgroundImage<\/td>\nString<\/td>\nThe value is too long to be displayed in this reference<\/td>\nThe image used as a background for the clock provided in base64
\nformat. The recommended dimensions are 80×40 pixels.<\/td>\n<\/tr>\n
showOpenCloseButton<\/td>\nBoolean<\/td>\nTrue<\/td>\nWhether to show or not the Open\/Close button.<\/td>\n<\/tr>\n
openButtonBackgroundImage<\/td>\nString<\/td>\nThe value is too long to be displayed in this reference<\/td>\nThe image used as a background for the open button provided in
\nbase64 format. The recommended dimensions are 80×40 pixels.<\/td>\n<\/tr>\n
closeButtonBackgroundImage<\/td>\nString<\/td>\nThe value is too long to be displayed in this reference<\/td>\nThe image used as a background for the close button provided in
\nbase64 format. The recommended dimensions are 80×40 pixels.<\/td>\n<\/tr>\n
enableMobileDevices<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option determines if the news ticker should be enabled with
\nmobile devices. The actual detection is performed via PHP with the
\nMobile Detect PHP library.<\/td>\n<\/tr>\n
enableTabletDevices<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option determines if the news ticker should be enabled with
\ntablet devices. The actual detection is performed via PHP with the
\nMobile Detect PHP library.<\/td>\n<\/tr>\n
enableDevices<\/td>\nArray[string]<\/td>\n[]<\/td>\nThis option allows to enable the news ticker with specific
\nmobile devices. The identifiers of the mobile devices should be
\nprovided as an array of strings.<\/td>\n<\/tr>\n
hideFeaturedNewsMaxWidth<\/td>\nNumber<\/td>\n0<\/td>\nThis option should be used to hide the featured news (with a
\nmedia query that uses the max-width property) when the browser
\nviewport width goes below the specified value in pixels.<\/td>\n<\/tr>\n
hideFeaturedNewsMaxDeviceWidth<\/td>\nNumber<\/td>\n0<\/td>\nThis option should be used to hide the featured news (with a
\nmedia query that uses the max-device-width property) when the
\ndevice full screen size width goes below the specified value.<\/td>\n<\/tr>\n
hideFeaturedNewsLandscape<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option should be used to hide the featured news when the
\ndevice orientation is ‘landscape’.<\/td>\n<\/tr>\n
hideFeaturedNewsPortrait<\/td>\nBoolean<\/td>\nFalse<\/td>\nThis option should be used to hide the featured news when the
\ndevice orientation is ‘portrait’.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
Examples Television News Ticker allows you to provide real time news to your users from different sources: from a database table, from manually generated JSON data, from an RSS feed or from a Twitter account. From your database or from JSON data Retrieve the news from a custom database table with PHP by using the included script or […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":1,"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/pages\/36\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/demo.daext.com\/television-news-ticker\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}