Expandable left drawer with annoying animation effects. As a rule, I avoid animations but, in this case, I have decided to play a little bit in the sandbox. I have split the drawer into three components: Drawer wrapper, Avatar, and DrawerItem.
It is my first post regarding Vue.js but I am planning to investigate and write more about nowadays frontend technologies.
Lightweight tree with filtering and selection is implemented by using Vue.js framework. It was hard to add new features and keep it light. I have already begun to add remove and rename nodes functionality but successfully stopped.
Integrating React and Symfony 4.2.4.
Our sample application will show planets catalogue. The data will be transferred via Ajax request from Symfony controller. Nothing special.
Row expander/widget is another way for editing grid records. It allows to edit hidden record fields which are not presented in grid, present row in form and show some additional information and/or validation.
Button-field is an GUI component which may help to keep the GUI clean and minimalist. I decided to implement it in the following sketch and add keymap support.
ExtJs has rich layouts functionality. In this post I will show you how to make reflowable vbox layout. Reflowable layout is very useful in resizable components i.e. popups and splitted subcomponents.
Storing field values in cookies maybe useful not only during the debugging/developing the app but also for users who can continue working on the same browser next day.
Another method which makes user’s life lighter is to implement form template mechanisms. Users will be able to store some form states on the server and use them later.