Quick video tips
Styling
Customize SpreadsheetWeb applications with CSS tips for grids, controls, charts, navigation, colors, fonts, spacing, backgrounds, and responsive layouts.
Styling tips show how to adjust the appearance of SpreadsheetWeb applications without changing workbook logic. Find focused CSS examples for grids, controls, charts, navigation, typography, colors, spacing, backgrounds, and responsive behavior, with copy-ready snippets where applicable.
Start here
Styling tips
How to add an image to a slider control 0:56 videoAdd an image to a SpreadsheetWeb slider control and configure the visual content displayed as users move through the available slider values.How to add custom stylesheet in addition to template stylesheet 0:26 videoLearn how to add custom stylesheet in addition to template stylesheet with SpreadsheetWeb. Follow focused steps, practical examples, and implementation…How to change background color in grid superheaders 0:36 videoLearn how to change background color in grid superheaders with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to change background color in grid’s column 1:06 videoLearn how to change background color in grid’s column with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to complete…How to change border style in grid controls (Purple double line) 0:32 videoLearn how to change border style in grid controls (Purple double line) with SpreadsheetWeb. Follow focused steps, practical examples, and implementation…How to change the background color in alternating rows in grid controls 0:32 videoLearn how to change the background color in alternating rows in grid controls with SpreadsheetWeb. Follow focused steps, practical examples, and…How to change the background color in disabled textbox controls 0:30 videoLearn how to change the background color in disabled textbox controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation…How to change the background color in dropdown controls 0:30 videoLearn how to change the background color in dropdown controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to change the background color in grid controls 0:30 videoLearn how to change the background color in grid controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to change the background color in textbox controls 0:44 videoLearn how to change the background color in textbox controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to change the color of a slider control 0:27 videoLearn how to change the color of a slider control with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to complete the…How to change the font color in disabled cells in grid controls 0:51 videoLearn how to change the font color in disabled cells in grid controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation…How to change the font family in Stylesheets 0:28 videoLearn how to change the font family in Stylesheets with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to complete…How to change the header background color in input grid controls 0:30 videoApply custom CSS to change the header background color of SpreadsheetWeb input grid controls and align the grid with your application theme.How to change the header background color in output grid controls 0:27 videoLearn how to change the header background color in output grid controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation…How to change the look and feel of file upload control 0:22 videoLearn how to change the look and feel of file upload control with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to change the look and feel of slider with buttons 0:25 videoLearn how to change the look and feel of slider with buttons with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to change the look and feel of the disabled textboxes 0:29 videoLearn how to change the look and feel of the disabled textboxes with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance…How to change the look and feel of the grid controls 0:41 videoLearn how to change the look and feel of the grid controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to change the look and feel of toggle-style checkbox 0:27 videoLearn how to change the look and feel of toggle-style checkbox with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to…How to create a listbox with images 0:25 videoLearn how to create a listbox with images with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to complete the task…How to find Control ID and Page ID 3:20 videoFind the Control ID and Page ID used by a SpreadsheetWeb application when configuring custom behavior, CSS selectors, or integrations.How to find the ID of a control for use in stylesheet updates 0:25 videoLearn how to find the ID of a control for use in stylesheet updates with SpreadsheetWeb. Follow focused steps, practical examples, and implementation…How to make the controls be placed more compact in the app 0:22 videoReduce spacing between SpreadsheetWeb application controls to create a more compact form layout while keeping labels and inputs usable.How to remove borders in grid controls 0:27 videoLearn how to remove borders in grid controls with SpreadsheetWeb. Follow focused steps, practical examples, and implementation guidance to complete the task…How to style hyperlinks 0:25 videoStyle hyperlinks in a SpreadsheetWeb application with custom CSS to control their color, emphasis, and hover appearance consistently.