# Material Design Standards

We'll be passing through changes to the base Material Design looks. All of the changes will be listed below.

* [x] Buttons

  * Completely renovated design.
  * Left, right, top, bottom and icon paddings will be added, having their preferred values in Material standards, but also made possible to change by just changing the Button fields: paddingLeft, paddingRight, paddingTop, paddingBottom, and iconPadding.
  * The button will be which one you want from Material Design much more easily, like "Contained Button", "Contained Button with icon", "Outlined Button" and "Text Button".

  **Remember:** You'll always be able to modify all of these values the way you desire.
* [ ]  Check
  * Insets and text gap will be added, having their preferred values in Material standards.

    **Remember:** You'll always be able to modify all of these values the way you desire.
* [ ]  ComboBox
  * Completely renovated design.
  * Left, right, top and bottom paddings and icon gap will be added, having their preferred values in Material standards, but it is also possible to change them via public attributes.
  * The arrow color, margin, and size will change.
  * The ListBox used to show the options of the ComboBox component will also follow the Material standards.

    **Remember:** You'll always be able to modify all of these values the way you desire.
* [ ] \[X] ListBox
  * Some design adjustments.
  * Left, right, top and bottom paddings will be added, having their preferred values in Material standards.
  * You'll be able to add a right icon now, having a left and right icon at the same time, if you want to. (Previously, you only could add a left icon)
  * You'll be able to control the gap between the icon and the item text.
  * The ListBox used on a DropDown context (like on a ComboBox) will follow its Material standards, which is different when it's used as a simple list.

    **Remember:** You'll always be able to modify all of these values the way you desire.
* [x] Edit
  * Some design adjustments.
  * **OutlinedEdit** added, having the preferred values in Material standards, but made possible to change via public atributes and methods.
* [ ] Grid
* [ ] ListContainer
* [x] MaterialWindow
* [ ] \[X] MessageBox
  * Completely renovated design.
  * Left, right, top and bottom paddings added, having their preferred values in Material standards, but it is also possible to change them via public attributes.
  * Public gap values between internal elements, so you can change it the way you want.
  * Public text fonts, so you can customize it the way you desire.
  * Here are some images, so you can get the preview:

    ![messagebox\_nobuttons](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMlX0pVIcujEOLU4XE%2Fmessagebox_nobuttons.png?alt=media\&token=b16ddbc8-aeef-4d1f-9fc8-7c40eb04cba0)

    ![messagebox\_twobuttons](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMl_-8WOA90szsruwv%2Fmessagebox_twobuttons.png?alt=media\&token=151122bd-0ba1-4ffb-a519-e3c9bb1aeab8)

    ![messagebox\_twobuttons\_big](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMlbploIOckKwA4-dy%2Fmessagebox_twobuttons_big.png?alt=media\&token=1517157e-6540-433a-b625-0b357009f0f4)
* [ ] MultiEdit
* [x] ProgressBar
  * Completely renovated design.
  * Now you can change the filled bar size when it's an endless bar.
  * Now when the filled bar reaches the end of the progress bar, it gradually starts appearing at the beginning of the progress bar when the bar is endless.
* [ ] \[X] ProgressBox
  * Completely renovated design.
  * Now the endless bar starts gradually at the beginning while the bar reaches the end of the progress bar.
  * Here are some images, so you can get the preview:

    ![progressbar\_endless\_notext](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMlehPlBmXjl_qpcOr%2Fprogressbar_endless_notext.png?alt=media\&token=66ddd6f7-4c38-419b-bfee-f625fe9bea10)

    ![progressbar\_endless\_text](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMlhZEXux6ixNrUCYt%2Fprogressbar_endless_text.png?alt=media\&token=cc78cd52-af6f-4f03-99ae-e3e71121c946)
* [x] PopupMenu
  * Completely renovated design
  * Now you can popup this anywhere you want by using popupAt(int x, int y). This can be pretty useful when you want to show some quick options.
  * Now you can change the size of its bounds.
  * Now you can get the ListBox (which is the menu) and change its paddings.
* [ ] PushButtonGroup
* [x] RadioButton
* [x] SideMenu
* [ ] \[X] Slider
  * Small adjusts to follow Material Design standards.
  * Now the ticks are drawn behind the slider circle, not above.
  * Now you can choose the ticks color independently with the ticksColor attribute.
  * Now you can choose the bar height with the barHeight attribute.
  * Here are some images, so you can get the preview:

    ![slider\_hor](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMm9z8DSzmRxt_SEmb%2Fslider_hor.png?alt=media\&token=766ec313-2fa6-45e5-be66-259eb2e80a95)

    ![slider\_ver](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMmCj9jW72fSmUl367%2Fslider_ver.png?alt=media\&token=463a8c11-730a-467f-92bf-56e971743c13)
* [ ] \[X] Switch
  * Small adjusts to follow Material Design standards.
* [ ] TabbedContainer
* [ ] \[X] Toast
  * Completely renovated design.
  * Now you can add a button to it that will be shown at the right, so you can add events to it to do whatever you desire.
  * A bug where the Toast faded out immediately after called is now fixed.
  * Here are some images, so you can get the preview:

    ![single\_line\_toast](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMlweUABy3cfsiMO_C%2Fsingle_line_toast.png?alt=media\&token=8520ffcc-39f2-4d3b-a4ab-46273ceb67ff)

    ![double\_line\_button\_toast](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMlyvHV2Moij48EH1L%2Fdouble_line_button_toast.png?alt=media\&token=63a4354f-3838-483d-9185-bd64b7e0b6db)

    ![double\_line\_big\_button\_toast](https://1879575642-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L_mPP3a_E_A7NbRMq7Q%2F-LvMkCALZza2S1HuLOOY%2F-LvMm0f2zc2XAmP589q_%2Fdouble_line_big_button_toast.png?alt=media\&token=3ba20eea-1c9e-40fc-990c-848875896eba)
* [ ] Tooltip
* [ ] TopMenu

This page will be updated constantly.