Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
blocks:app-note:rss-feed [2024-03-14 09:58]
mattias [Configure the script]
blocks:app-note:rss-feed [2024-03-14 13:07]
mattias [Installation]
Line 6: Line 6:
 ====Installation==== ====Installation====
  
-  * Make sure you have the latest script dependencies from https://github.com/pixilab/blocks-script merged in to the /script directory in the PIXILAB-Blocks-root. +  * Make sure you have the latest script dependencies from https://github.com/pixilab/blocks-script merged in to the /script directory in the PIXILAB-Blocks-root. [[blocks:drivers:tools#install_the_scripts|Instructions here]] 
-  * Enable the script by copy the RSS.ts and RSS.js from the script/feed-archive into script/feed directory.+  * Enable the script by copying the RSS.ts and RSS.js from the script/feed-archive into script/feed directory. 
   * Restart blocks. This will enable the script and the script will write an example configuration file in scripts/files/   * Restart blocks. This will enable the script and the script will write an example configuration file in scripts/files/
   * Rename the example file Rss.config.example.json to Rss.config.json (this file it written when the script is used)   * Rename the example file Rss.config.example.json to Rss.config.json (this file it written when the script is used)
-  * Create a task with a do statement bound the scripts callable: Script.feed.RSS.reInitialize+  * Create a task with a do statement bound the scripts Script.feed.RSS.reInitialize callable.
   * Run the task to restart the script and use the sample settings.    * Run the task to restart the script and use the sample settings. 
   * Download the example block from here: {{ :blocks:app-note:rss:rss_block.zip |}}   * Download the example block from here: {{ :blocks:app-note:rss:rss_block.zip |}}
Line 89: Line 89:
  
 ====Styling==== ====Styling====
-In the example block we use a CSS trick to be able to add ellipsis [...] to indicate that we cannot show all text available from the feed. It is a bit tricky to use because one must also limit the text-block manually in the way that it is just capable to show as many lines as specified in the css, else the line with the ellipsis will appear on the correct line but lines can still appear after the ellipsis. +In the example block we use a CSS trick to be able to add ellipsis [...] to indicate that we cannot show the full text available from the feed items description. It is a bit tricky to use because one must also limit the text-block manually in the way that it is just capable to show as many lines as specified in the css rule , else the line with the ellipsis will appear on the correct line but lines can still appear after the ellipsis. 
-The ellipsis css rule:+The ellipsis css rule used here:
 <code> <code>
 .rss .multi-line-ellipsis { .rss .multi-line-ellipsis {
Line 98: Line 98:
 } }
 </code> </code>
 +