How do I make the corners of a button rounded? Viber bot

Question

{
"viber": {
    "type": "keyboard",
    "inputFieldState": "hidden",
    "buttons": [
        {
            "ActionBody": "/test",
            "ActionType": "reply",
            "BgColor": "#FF0000",
            "Frame.CornerRadius": "4",  
            "Columns": 6,
            "Rows": 1,
            "Text": "<b><font color=\"#FFFFFF\">text</font></b>",
            "TextHAlign": "center",
            "TextSize": "regular",
            "TextVAlign": "middle",
            "Silent": false
        }
    ]
}}

I'm trying to do it through a parameter "Frame.CornerRadius": "4", but it doesn't work like that, the buttons remain rectangular

score 0 · Answer 1 · answered Apr 23 '21 at 12:25

Use Rich Media message type and add a Keyboard there. Example:

{
    "Type": "rich_media",
    "BgColor": "#FF0000",
    "ButtonsGroupRows": 6,
    "ButtonsGroupColumns": 1,
    "Buttons": [
        {
            "ActionType": "reply",
            "ActionBody": "/test",
            "BgColor": "#FF0000",
            "Columns": 6,
            "Rows": 1,
            "Text": "<b><font color=\"#FFFFFF\">text</font></b>",
        }
    ],
}

score 0 · Answer 2 · answered Jun 15 '21 at 14:44

try this

{
   "receiver":"OSpQxHz/54fXXjlrLEvDWg==",
   "min_api_version":6,
   "type":"text",
   "text":"Hello world",
   "keyboard":{

    "DefaultHeight": true,
        "BgColor": "#FFFFFF",
        "Buttons": [{
                   "Frame": {
            "BorderWidth": "01",
            "BorderColor": "#51b46d",
            "CornerRadius" :"9"
             },
            "Columns": 6,
            "Rows": 1,
            "BgColor": "#2db9b9",
            "ActionBody": "www.tut.by",
            "Image": "www.tut.by/img.jpg",
            "Text": "Key text",
            "TextVAlign": "middle",
            "TextHAlign": "center",
            "TextOpacity": 60,
            "TextSize": "regular"
        }]
   }
}

While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value. — jrook, Jun 15 '21 at 21:10

How do I make the corners of a button rounded? Viber bot

2 Answers2