Advanced Styling

If you're looking to really fine-tune the look and feel of your kiosk, this section is for you. You can granularly control many aspects of the kiosk like the categories, items, variations, and even modifiers. Check out the details on all of the components you can configure below - we recommend pulling up an iPad on the side and playing around with the settings to see how they affect the look of your kiosk!

General Options

Background Style

Use this option to change how the app's background color should be themed. For example, you can choose between light mode or dark mode, the latter being idle for darker ambiance so that the screen brightness doesn't get in the way.

Category Options

Category Style

This setting allows you to change how categories are displayed in the kiosk.

None results in no categories being shown, meaning all items will appear on one screen.

Card results in tiles shown for each category. This option is great for images.

Sidebar results in all categories showing up in a side-panel. In this case, it's just plain text to show the categories as well as which one is selected. This option is great if you don't use images for your products.

Category Card Size

This setting is only applicable if you have category style set to card. It controls how large the tiles show up as.

Category Text Style

This setting is only applicable if you have category style set to card. It controls how the category name shows up in relation to the card.

Outside results in the category name being displayed outside of the tile.

Inside results in the category name being displayed inside the tile.

Overlay results in the category name being displayed on top of the image completely.

None results in no category name being shown at all. This option can be particularly useful if you want to use the image to show the category name (e.g. for custom fonts or designs).

Category Text Horizontal Alignment

This setting is only applicable if you have category style set to card with category text style set to anything except none. It controls how the category name is aligned in relation to the card.

Left results in the category name being left-aligned.

Center results in the category name being center-aligned.

Right results in the category name being right-aligned.

Enable Card Shadows

This setting is only applicable if you have category style set to card. It controls whether or not shadows are shown behind the card.

Item Options

Item Price Display

You can change how prices are displayed for items with multiple variations of different price points. This affects how items look as the customer is browsing the menu.

First price in the variation list results in the first item variation's price being shown. This option is great if you want exact control over which price shows up.

Smallest price results in the lowest amount being shown.

Largest price results in the highest amount being shown.

Range of prices results in KioskBuddy showing a range of the lowest price to the highest price. For example, "$5 - $10".

None results in no price being displayed at all.

Item Text Style

Each item shows up in a fixed space (a tile) - this setting controls how the item name shows up in relation to that tile.

Outside results in the item name being displayed outside of the tile.

Inside results in the item name being displayed inside the tile.

Overlay results in the item name being displayed on top of the tile completely.

None results in no item name being shown at all. This option can be particularly useful if you want to use the image to show the item name (e.g. for custom fonts or designs).

Item Text Position

This option is only applicable if item text style is set to outside or inside. It controls where the item information like name, price, and description shows up relative to the space reserved for the item.

Below results in the item information showing up below the tile.

Left results in the item information showing up to the left of the tile.

Right results in the item information showing up to the right of the tile.

Item Size

This options controls how large the item tiles show up as.

Item Text Horizontal Alignment

This option controls how the item information shows up in relation to the item tile. It's not applicable if you have item text style set to none.

Left results in the item text aligned to the left of the space.

Center results in the item text aligned to the center of the space.

Right results in the item text aligned to the right of the space.

Enable Item Shadows

This setting controls whether or not shadows are shown behind the item's tile space.

Item Variation Options

Item Variation Style

Item variations allow a customer to choose between what type of item they'd like to purchase. They can show up in the following styles:

A plain checkbox.

A card, similar to the tiles available for categories and items.

An image based card, which allows you to show specific images for each item variation. You can set up the images in KioskBuddy's Menu Editor.

Item Variation Size

This option controls how large the item variation is displayed on the screen.

Modifier Options

Modifier Style

Modifiers can be customized show up in the following styles:

A plain checkbox.

A card, similar to the tiles available for categories and items.

An image based card, which allows you to show specific images for each modifier. You can set up the images in KioskBuddy's Menu Editor.

Modifier Size

This option controls how large the modifier is displayed on the screen.

Cart Options

Show Price Breakdown

Typically in the cart, all modifier additional price amounts will be combined into the top level line item for a total price. Enable this option for a price breakdown to allow the customer to see the full breakdown of prices of all modifiers for each individual item in their cart.