Improving User Experience in Candidate Registration Forms with XCRUD
When working with candidate registration forms, especially for users who might not be tech-savvy, making fields intuitive and easy to understand is critical.
Recently, I enhanced an XCRUD form by customizing education level fields (fundamental, medio, superior) that were stored as tinyint values (0, 1, 2) in the database.
Instead of using plain numbers or checkboxes, I used a select dropdown with icons and clear text for each option:
Here’s the simple and effective XCRUD configuration:
$xcrud->fields('fundamental,medio,superior', false, 'Education');
$xcrud->change_type('fundamental', 'select', '', array(
'1' => '
Complete',
'2' => '
In Progress',
'0' => '
Not Completed'
));
$xcrud->change_type('medio', 'select', '', array(
'1' => ' Complete',
'2' => ' In Progress',
'0' => ' Not Completed'
));
$xcrud->change_type('superior', 'select', '', array(
'1' => ' Complete',
'2' => ' In Progress',
'0' => ' Not Completed'
));
$xcrud->set_attr('fundamental', array('style' => 'width:250px; font-size:16px;'));
$xcrud->set_attr('medio', array('style' => 'width:250px; font-size:16px;'));
$xcrud->set_attr('superior', array('style' => 'width:250px; font-size:16px;'));
Why it’s important:
Provides visual feedback with intuitive icons.
Makes forms much easier for users with limited digital skills.
Keeps the database structure clean (saving only 0, 1, or 2).
Enhances the overall UX and reduces errors during form submission.
This small change can make a huge difference, especially when targeting audiences that are not always comfortable with technology!
xcrud.com.br
When working with candidate registration forms, especially for users who might not be tech-savvy, making fields intuitive and easy to understand is critical.
Recently, I enhanced an XCRUD form by customizing education level fields (fundamental, medio, superior) that were stored as tinyint values (0, 1, 2) in the database.
Instead of using plain numbers or checkboxes, I used a select dropdown with icons and clear text for each option:
- Complete
- In Progress
- Not Completed
Here’s the simple and effective XCRUD configuration:
$xcrud->fields('fundamental,medio,superior', false, 'Education');
$xcrud->change_type('fundamental', 'select', '', array(
'1' => '
Complete','2' => '
In Progress','0' => '
Not Completed'));
$xcrud->change_type('medio', 'select', '', array(
'1' => '
Complete','2' => '
In Progress','0' => '
Not Completed'));
$xcrud->change_type('superior', 'select', '', array(
'1' => '
Complete','2' => '
In Progress','0' => '
Not Completed'));
$xcrud->set_attr('fundamental', array('style' => 'width:250px; font-size:16px;'));
$xcrud->set_attr('medio', array('style' => 'width:250px; font-size:16px;'));
$xcrud->set_attr('superior', array('style' => 'width:250px; font-size:16px;'));
Why it’s important:
Provides visual feedback with intuitive icons. Makes forms much easier for users with limited digital skills. Keeps the database structure clean (saving only 0, 1, or 2). Enhances the overall UX and reduces errors during form submission.This small change can make a huge difference, especially when targeting audiences that are not always comfortable with technology!
xcrud.com.br