Commit ecf310b

Vishnu-MoorthiVishnu-Moorthi

Vishnu-Moorthi

authored and

Vishnu-Moorthi

committed

Themes were updated.

1 parent ace3cef commit ecf310bCopy full SHA for ecf310b

File tree

16 files changed

-24

lines changed

README.md
demos
- ej2_streamlit_grids_demo.png
ej2_streamlit_grids/frontend/src/themes

16 files changed

-24

lines changed

`‎README.md`

Lines changed: 7 additions & 10 deletions

Original file line number	Diff line number	Diff line change
`@@ -31,16 +31,6 @@ Syncfusion Grid component package is available at [pypi.org](https://pypi.org/pr`
`31`	`31`	`pip install ej2-streamlit-grids`
`32`	`32`	```
`33`	`33`
`34`		`-## Add Syncfusion Grid Themes`
`35`		`-`
`36`		`-You can change themes for the Syncfusion Grid component from CDN. Refer to [themes topic](https://ej2.syncfusion.com/react/documentation/appearance/theme/) to know more about built-in themes.`
`37`		`-`
`38`		-In this article, `Material` theme is applied to Grid component by default. To change various themes in Grid component. Refer to the below code-snippet.
`39`		`-`
`40`		-```py
`41`		`-props.theme = 'https://cdn.syncfusion.com/ej2/21.1.35/bootstrap5.css'`
`42`		-```
`43`		`-`
`44`	`34`	`## Add Syncfusion Grid component`
`45`	`35`
`46`	`36`	`Follow the below steps to add the Syncfusion Grid component to the Streamlit Python project:`
`@@ -67,6 +57,12 @@ OrderID, CustomerName, OrderDate, Freight, ShippedDate, ShipCountry`
`67`	`57`	`10249, Karin Josephs, 7/5/1996, 1ドル1.61, 7/10/1996, Germany`
`68`	`58`	`10250, Mario Pontes, 7/8/1996, 6ドル5.83, 7/12/1996, Brazil`
`69`	`59`	`10251, Mary Saveley, 7/8/1996, 4ドル1.34, 7/15/1996, France`
	`60`	+```
	`61`	`+`
	`62`	+ 4. Syncfusion components come with pre-defined themes that are built-in. To learn more about these themes, you can refer to the [themes topic](https://ej2.syncfusion.com/react/documentation/appearance/theme/). By default, the Syncfusion Streamlit Grid component uses the `Material` theme, but users have the ability to change the theme of the Grid component at the application level. The Grid component in this article is using the `Fluent` theme, which is referenced using the code snippet below.
	`63`	`+`
	`64`	+```py
	`65`	`+props.theme = 'https://cdn.syncfusion.com/ej2/21.1.35/fluent.css'`
`70`	`66`	```
`71`	`67`
`72`	`68`	`Here is the summarized code for the above steps in the demo.py file:`
`@@ -77,6 +73,7 @@ import pandas as pd`
`77`	`73`
`78`	`74`	`data = pd.read_csv('dataset.csv')`
`79`	`75`	`props = GridProps(data)`
	`76`	`+props.theme = 'https://cdn.syncfusion.com/ej2/21.1.35/fluent.css'`
`80`	`77`
`81`	`78`	`GridComponent(props)`
`82`	`79`	```