picture - client will open the picture in full screen mode gif - client will play the gif in full screen mode. Determine the open-url action result, in app or external browser If the text is too long to display on the button it will be cropped and ended with “…” Valid and allowed HTML tags Max 250 characters. Can contain some HTML tags - see keyboard design for more detailsįree text. Can be a partially transparent image that will allow showing some of the background. URL of image to place on top of background (if any). See reply logic for more detailsįor ActionType reply - text For ActionType open-url - Valid URL. Reply, open-url, location-picker, share-phone, none Note: location-picker and share-phone are not supported on desktop, and require adding any text in the ActionBody parameter.
open-url - will open the specified URL and send the URL as reply to the bot. Type of action pressing the button will perform. When false - animated background media will play once and stop When true - animated background media ( gif) will loop continuously. fit - at least one axis (X or Y) will fit exactly, aspect is saved fill - contents scaled to fill without saving fixed aspect. Options for scaling the bounds of an image to the bounds of this view: crop - contents scaled to fill with fixed aspect. Options for scaling the bounds of the background to the bounds of this view: crop - contents scaled to fill with fixed aspect. URL for background media content ( picture or gif). For picture - JPEG and PNG files are supported. Determine whether the user action is presented in the conversation Each button must contain at least one of the following optional parameters: text, BgMedia, image, BgColor. The following parameters can be defined for each button in the “buttons” array separately. JSON Object, which describes Carousel content to be saved via favorites bot, if saving is available minimized - display input field minimized by default. regular- display regular size input field. Represents size of block for grouping buttons during layout This is applied to all blocks in the Carousel content It means blocks can become not square and it can be used to create Carousel content with correct custom aspect ratio. Scales the height of the default square block (which is defined on client side) to the given value in percents. Allow use custom aspect ratio for Carousel content blocks. The final height will be not less than height of system keyboard
#Viber logo css color free
How much percent of free screen space in chat should be taken by keyboard. Maximal height will be native keyboard height When true - the keyboard will always be displayed with the same height as the native keyboard.When false - short keyboards will be displayed with the minimal possible height.
See buttons parameters below for buttons parameters details Array containing all keyboard buttons by order. If you use api level 3 parameters you will have to set the min_api_version parameter on right api level as well. Please note: The api level 3 is supported on devices running Viber version 7.6 and above. The example below shows a keyboard sent with a single message. From the background color, number of buttons and so on. The keyboard JSON object defines different visual and logic attributes. To attach a keyboard to a message simply add the keyboard’s parameters to the message JSON. Keyboards can be attached to any message type and be sent and displayed together. The client will always display the last keyboard that was sent to it. The keyboards are fully customizable and can be created and designed specifically for the bot’s needs. Once received, the keyboard will appear to the user instead of the device’s native keyboard. The keyboard can be attached to any message type or sent on its own. We’re going to use a common pattern where a background image takes up the entire space.The Chat Bot API allows sending a custom keyboard with each message, to supply the user with a set of predefined replies or actions. Step 1: Setting Things Upįirst, let’s set up the our page header. We can create the same rustic effect with a single image and a little bit of CSS. You can see the the difference where the effect is in place on the right and disabled on the left: No effect (left) vs. The effect is subtle but creates a dusty, retro vibe. The DayTrip website uses a neat effect on its page header that distorts the background image with an animated, grainy texture.
0 kommentar(er)
