timelineui

timelineui.json

{
    "timeline": {
        "version": 1,
        "top": {
            "order": 0,
            "banner": {
                "url": "https://thumbs.dreamstime.com/b/fish-wild-marine-animals-ocean-sea-world-dwellers-cute-underwater-creatures-coral-reef-inhabitants-their-natural-habitat-156920247.jpg",
                "size": {
                    "width": 0,
                    "height": 250
                },
                "scaleType": "crop",
                "handler": {
                    "type": "click",
                    "actions": {
                        "navigate": "to"
                    }
                }
            }
        },
        "center": {
            "order": 1,
            "title": {
                "text": "Server Driven Compose",
                "size": 26,
                "fontWeight": "bold"
            },
            "list": {
                "layout": "grid",
                "itemSize": {
                    "width": 150,
                    "height": 150
                },
                "handler": {
                    "type": "click",
                    "actions": {
                        "navigate": "to"
                    }
                },
                "items": [
                    {
                        "title": "City",
                        "url": "https://github.com/user-attachments/assets/f1da7897-c7c9-41c2-8f3c-3358cf490696",
                        "scaleType": "crop"
                    },
                    {
                        "title": "Suits",
                        "url": "https://github.com/user-attachments/assets/4d59d695-1c5a-4edb-b26a-4fe1f1f71928",
                        "scaleType": "crop"
                    },
                    {
                        "title": "Fruits",
                        "url": "https://github.com/user-attachments/assets/3ae6e3c5-b1fc-4a5f-9774-33dc724d0d74",
                        "scaleType": "crop"
                    }
                ],
                "extra": {
                    "like": true,
                    "banner": true
                }
            }
        },
        "bottom": {
            "order": 2,
            "title": {
                "text": "Movies",
                "size": 26,
                "fontWeight": "bold"
            },
            "handler": {
                "type": "click",
                "actions": {
                    "navigate": "to"
                }
            },
            "list": {
                "layout": "grid",
                "itemSize": {
                    "width": 135,
                    "height": 210
                },
                "items": [
                    {
                        "title": "Frozen",
                        "url": "https://user-images.githubusercontent.com/24237865/75087936-5c1d9f80-553e-11ea-81d3-a912634dd8f7.jpg",
                        "scaleType": "crop"
                    },
                    {
                        "title": "Bambi",
                        "url": "https://user-images.githubusercontent.com/24237865/75087801-a56cef80-553c-11ea-9ae5-cf203c6ea8c2.jpg",
                        "scaleType": "crop"
                    },
                    {
                        "title": "zootopia",
                        "url": "https://user-images.githubusercontent.com/24237865/75087937-5c1d9f80-553e-11ea-8fc9-a7e520addde0.jpg",
                        "scaleType": "crop"
                    }
                ]
            }
        }
    }
}