/kintone_stylish

The fastest way to build beautiful Electron apps using simple HTML and CSS

Primary LanguageCSSOtherNOASSERTION

What is this?

This is sample kintone customization to give your kintone app a mac-UI like design.
It was originally inspired from Photon , and the repo from connors was forked.
https://github.com/connors/photon

The main css file for photon was applied to this customization.

Dependancy

This customization is dependant on Font Awesome v4.4.0 to display icons.
You can refer to the library from their site http://fontawesome.io/ or from the kintone CDN https://developer.kintone.io/hc/en-us/articles/213149177/

What is kintone?

kintone is an cloud teamwork platform with easy-to-make databases to keep your data.
You can get a free trial at https://www.kintone.com/ , or look through APIS and get a free developer license at https://developer.kintone.io

How do I apply this customization to kintone

  1. Create an app in kintone.
  2. On the App settings, click on the "Views" tab and click the plus button to add a new view.
  3. Click on the "Custom View" option, name it, and place in the html written in stylish.html
  4. Save the settings, and click on the "App Settings" tab, followed by "JavaScript and CSS Customization"
  5. For the "Upload JavaScript for PC", upload a stylish.js file.
  6. For the "Upload CSS File for PC", first upload a font awesome library css file, or directly link it to a Font Awesome library listed in https://developer.kintone.io/hc/en-us/articles/213149177/
  7. Also upload stylish.css
  8. Click Save, and apply your changes.
  9. Click on the view selector on the top left of the app, and select the new view you created.

What does this do?

Shows a log-in screen for the view. You can type anything into the password, and click enter to log in.
A mac UI type window will show you information about your application.

So What is this for?

This is just a customization to try out various html, js and css tricks.
Placing a proper password lock on this view is in no way secure, so please do not try it. People will be able to view that password if it's hard coded into your js file.
Please refer to this customization as a way of using the Custom View, a way to use REST API to gather information, and away to change the look and feel of kintone completely.

This is more of a test customization more than anything else.

Limitations

Only tested on Windows Chrome browsers