Left Drawer with A-N—N-O-Y-I–N-G animations
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.
Lightweight tree with filtering and selection functionality.
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.
Symfony & Vue
In the last post I have described how to install Symfony and React. Here I am going to show the process of installation Symfony 4.2.4 and Vue.js.
I have the latest PHP version 7.1.23 and Composer version 1.8.4 on my mac and suggest you to upgrade them to the latest ones.
Symfony & React
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 with editor
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 search field
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.
To implement password strength form I have used the simplest algorithm. To make appropriate calculations and to change the the color of the
night progress bar and the internal text the form is using ViewModel .
Reflowable vbox layout
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 form field values in cookies.
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.