updated the documentation and fixed sizing issues with plugins

This commit is contained in:
paul
2024-09-30 09:14:16 +05:30
parent 4fe223dbf8
commit ebfaf78fcf
7 changed files with 55 additions and 7 deletions

View File

@@ -39,10 +39,12 @@ class AnalogTimePicker extends TkinterBase{
this.timePickerRef = React.createRef()
this.minSize = {width: 100, height: 100}
this.state = {
...this.state,
widgetName: "Timepicker",
size: { width: 'fit', height: 'fit' },
size: { width: 250, height: 350 },
attrs: {
...newAttrs,
styling: {
@@ -118,7 +120,9 @@ class AnalogTimePicker extends TkinterBase{
super.componentDidMount()
this.timePicker = timePicker({
element: this.timePickerRef.current,
mode: "12"
mode: "12",
width: this.state.size.width,
// height: this.state.size.height
})
// used to remove ok and cancel buttons
@@ -132,6 +136,11 @@ class AnalogTimePicker extends TkinterBase{
this.timePicker.dispose()
}
setResize(pos, size){
super.setResize(pos, size)
this.timePicker.setWidth(size.width)
}
handleThemeChange(value){
this.setAttrValue("styling.theme", value)
@@ -241,7 +250,7 @@ class AnalogTimePicker extends TkinterBase{
return (
<div className="tw-w-flex tw-flex-col tw-w-full tw-h-full tw-rounded-md
tw-border tw-border-solid tw-border-gray-400 tw-overflow-hidden">
<div className="tw-p-2 tw-w-full tw-h-full tw-content-start tw-pointer-events-none"
<div className="tw-p-2 tw-w-full tw-h-full tw-flex tw-content-start tw-pointer-events-none"
style={timePickerStyling}
ref={this.timePickerRef}>

View File

@@ -31,7 +31,7 @@ class VideoPlayer extends TkinterBase{
this.state = {
...this.state,
size: { width: 'fit', height: 'fit' },
size: { width: 350, height: 200 },
widgetName: "Video player",
attrs: {
...newAttrs,