Created
March 6, 2020 10:20
-
-
Save jirawatee/f441d214b026edf5d2c6e902ae5670f9 to your computer and use it in GitHub Desktop.
Flex for community
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "line": { | |
| "type": "flex", | |
| "altText": "LIFF", | |
| "contents": { | |
| "type": "carousel", | |
| "contents": [ | |
| { | |
| "type": "bubble", | |
| "body": { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "image", | |
| "url": "https://img.in.th/images/48417b4d3d0496992511497558be0e9c.jpg", | |
| "size": "full", | |
| "aspectMode": "cover", | |
| "aspectRatio": "2:3", | |
| "gravity": "top" | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "text", | |
| "text": "IT HELP DESK", | |
| "size": "xl", | |
| "color": "#ffffff", | |
| "weight": "bold", | |
| "style": "italic" | |
| } | |
| ] | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "filler" | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "baseline", | |
| "contents": [ | |
| { | |
| "type": "filler" | |
| }, | |
| { | |
| "type": "icon", | |
| "url": "https://cdn1.iconfinder.com/data/icons/business-456/500/idea-512.png", | |
| "size": "xl" | |
| }, | |
| { | |
| "type": "text", | |
| "text": "CLICK", | |
| "color": "#ffffff", | |
| "offsetTop": "-2px", | |
| "action": { | |
| "type": "uri", | |
| "label": "action", | |
| "uri": "https://bpm.ondemand.in.th/servicedesk/customer/portal/4/user/login?destination=portal/4" | |
| } | |
| }, | |
| { | |
| "type": "filler" | |
| } | |
| ], | |
| "spacing": "sm" | |
| }, | |
| { | |
| "type": "filler" | |
| } | |
| ], | |
| "borderWidth": "1px", | |
| "cornerRadius": "4px", | |
| "spacing": "sm", | |
| "borderColor": "#ffffff", | |
| "margin": "xxl", | |
| "height": "40px" | |
| } | |
| ], | |
| "position": "absolute", | |
| "offsetBottom": "0px", | |
| "offsetStart": "0px", | |
| "offsetEnd": "0px", | |
| "backgroundColor": "#03303Acc", | |
| "paddingAll": "20px", | |
| "paddingTop": "18px" | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "text", | |
| "text": "NEW", | |
| "color": "#ffffff", | |
| "align": "center", | |
| "size": "xs", | |
| "offsetTop": "3px" | |
| } | |
| ], | |
| "position": "absolute", | |
| "cornerRadius": "20px", | |
| "offsetTop": "18px", | |
| "backgroundColor": "#ff334b", | |
| "offsetStart": "18px", | |
| "height": "25px", | |
| "width": "53px" | |
| } | |
| ], | |
| "paddingAll": "0px" | |
| } | |
| }, | |
| { | |
| "type": "bubble", | |
| "body": { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "image", | |
| "url": "https://img.in.th/images/d661295d6ad31a546f9b42d4ae6d4cb6.jpg", | |
| "size": "full", | |
| "aspectMode": "fit", | |
| "aspectRatio": "2:3", | |
| "gravity": "top" | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "text", | |
| "text": "RAISE YOUR HAND", | |
| "size": "xl", | |
| "color": "#ffffff", | |
| "weight": "bold", | |
| "style": "italic" | |
| } | |
| ] | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "filler" | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "baseline", | |
| "contents": [ | |
| { | |
| "type": "filler" | |
| }, | |
| { | |
| "type": "icon", | |
| "url": "https://cdn1.iconfinder.com/data/icons/business-456/500/idea-512.png", | |
| "size": "xl" | |
| }, | |
| { | |
| "type": "text", | |
| "text": "CLICK", | |
| "color": "#ffffff", | |
| "offsetTop": "-2px", | |
| "action": { | |
| "type": "uri", | |
| "label": "action", | |
| "uri": "https://docs.google.com/forms/d/e/1FAIpQLScBF3orG1FRfqfS376C_TxIdhDRnIW33Wf0M0iaPUpKhEKLHg/viewform" | |
| } | |
| }, | |
| { | |
| "type": "filler" | |
| } | |
| ], | |
| "spacing": "sm" | |
| }, | |
| { | |
| "type": "filler" | |
| } | |
| ], | |
| "borderWidth": "1px", | |
| "cornerRadius": "4px", | |
| "spacing": "sm", | |
| "borderColor": "#ffffff", | |
| "margin": "xxl", | |
| "height": "40px" | |
| } | |
| ], | |
| "position": "absolute", | |
| "offsetBottom": "0px", | |
| "offsetStart": "0px", | |
| "offsetEnd": "0px", | |
| "backgroundColor": "#9C8E7Ecc", | |
| "paddingAll": "20px", | |
| "paddingTop": "18px" | |
| }, | |
| { | |
| "type": "box", | |
| "layout": "vertical", | |
| "contents": [ | |
| { | |
| "type": "text", | |
| "text": "NEW", | |
| "color": "#ffffff", | |
| "align": "center", | |
| "size": "xs", | |
| "offsetTop": "3px" | |
| } | |
| ], | |
| "position": "absolute", | |
| "cornerRadius": "20px", | |
| "offsetTop": "18px", | |
| "backgroundColor": "#ff334b", | |
| "offsetStart": "18px", | |
| "height": "25px", | |
| "width": "53px" | |
| } | |
| ], | |
| "paddingAll": "0px" | |
| } | |
| } | |
| ] | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment