PIXILAB Wiki

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
blocks:app-note:spot-block-list [2025-09-15 09:39] – [How it works] mattiasblocks:app-note:spot-block-list [2025-09-15 10:48] (current) – [How it works] mattias
Line 1: Line 1:
 =====List spots and blocks on a remote control===== =====List spots and blocks on a remote control=====
  
-This application not shows an basic example how child replication can be used together with feed scripts to automatically list display spots and blocks in order to create a user interface where it is possible to select a spot and then select block to play. +This application note shows an basic example how child replication can be used together with feed scripts to automatically list display spots and blocks in order to create a remote control user interface where it is possible to select a spot and then select block to play. 
  
 ==== Installation ==== ==== Installation ====
Line 43: Line 43:
 {{:blocks:app-note:spot-block-list:screenshot_2025-09-15_102310.png|}} {{:blocks:app-note:spot-block-list:screenshot_2025-09-15_102310.png|}}
  
-To see the child replication binding, edit the Control/RemoteControl block and click in to the SpotList scroller block. The  +To view the child replication binding, edit the Control/RemoteControl block and open the SpotList scroller block. In the property panel of the scroller, you can see the source of the child replication. In this case, it is bound to the indexed property Script.feed.Spots.Spotgroup1.
-source of the child replication can be seen in the property panel of the scroller. In this case is is bound to the indexed property Script.feed.Spots.Spotgroup1.+
 {{:blocks:app-note:spot-block-list:screenshot_2025-09-15_103158.png|}} {{:blocks:app-note:spot-block-list:screenshot_2025-09-15_103158.png|}}
  
 ===Items in the list=== ===Items in the list===
 +
 For every item in the indexed property provided by the feed script, a SpotItem child is replicated. This acts as the layout template. For every item in the indexed property provided by the feed script, a SpotItem child is replicated. This acts as the layout template.
 The layout can use various properties relative to the spot and the feed. In this example, it shows the spot name from the feed, and the connection and block property from the spot itself. The layout can use various properties relative to the spot and the feed. In this example, it shows the spot name from the feed, and the connection and block property from the spot itself.
Line 68: Line 68:
  
  
-. +====Styling==== 
 + 
 +This Remotecontrol block uses some CSS to style the button appearance and create a custom paragraph text size.  
 +The custom //ctrl_gui// class is applied to the root composition. This is used as a prefix class in the block specific style sheet to isolate this blocks style from any other css that may be in use in a project. To see the styling ,click Edit Blocks CSS  from the edit menu while editing the block.