Plug-in settings stylesheet guide

Introduction

The Plugin Stylesheet is used to apply a style to the Plugin Settings page.
Download from the following link: 51-modern-default.css.

Alert message

kintoneplugin-alert

Sample Image

Sample Usage

Label

kintoneplugin-row

Sample Image

Sample Usage

kintoneplugin-label

Sample Image

Image_1.png

Sample Usage

kintoneplugin-title

Sample Image

title.png

Sample Usage

kintoneplugin-require

Sample Image

Image_3.png

Sample Usage

kintoneplugin-desc

Sample Image

description.png

Sample Usage

Input

kintoneplugin-input-outer

kintoneplugin-input-text

Sample Image

Sample Usage

Check box

kintoneplugin-input-checkbox

kintoneplugin-input-checkbox-item

Sample Image

Sample Usage

Dropdown

kintoneplugin-dropdown-outer

kintoneplugin-dropdown

kintoneplugin-dropdown-selected

Sample Image

Sample Usage

kintoneplugin-dropdown-list

kintoneplugin-dropdown-list-item

kintoneplugin-dropdown-list-item-selected

kintoneplugin-dropdown-list-item-name

Sample Image

Sample Usage

kintoneplugin-select-outer

kintoneplugin-select

Sample Image

Sample Usage

Radio button

kintoneplugin-input-radio

kintoneplugin-input-radio-item

Sample Image

Sample Usage

Table

kintoneplugin-table

kintoneplugin-table-th

kintoneplugin-table-th-blankspace

kintoneplugin-table-td-control

kintoneplugin-table-td-control-value

kintoneplugin-table-td-operation

kintoneplugin-button-add-row-image

kintoneplugin-button-remove-row-image

Sample Image

table.png

Sample Usage

Button

kintoneplugin-button-normal

Sample Image

Sample Usage

kintoneplugin-button-disabled

Sample Image

Sample Usage

kintoneplugin-button-dialog-ok

Sample Image

Sample Usage

kintoneplugin-button-dialog-cancel

Sample Image

Sample Usage

Note

Layouts and styles may change in the case of future updates that include a change in design. 

Was this article helpful?
1 out of 1 found this helpful
Do you have any questions or issues related to this article?
Please share your views with us in the Community forums!