checkboxes with images

kida18
(@kida18)

9 years, 7 months ago

Hi there!

Great plugin thank you for that!

I have 2 questions that you might be able to help me with, or maybe point me in the right direction,

1. Is it possible to allow people to choose through a selection of images, checkboxes with images instead of text value?
For instance, i’d like checkboxes of small images (like badges) instead of a text value or be able to display the badge depending on the text value they chose.
Would it be easy to code to add this functionality?

2. Is it possible to allow the member to add more fields on the front end?
If the admin could have the option to add ‘more’ on the backend then that would allow the user to add as many fields as he wants?
For instance, if I want to add a field “skills” I’d like the user to be able to add as many skills as he wants in different lines. I’m not good with javascript hence I haven’t checked that possibility yet.

Cheers,
Cecile

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author donmik
(@atallos)

9 years, 7 months ago

Hi,

Sorry for the late answer.

1. Well, it is probably a good feature to add. A custom field type to allow users to select between images instead of texts, posts from custom post types or tags from custom taxonomy. I cannot think right now an easy way to achieve this. If I have to do it, I will probably go for a custom post type selector maybe and replace the <select><option/></select> with a list of checkboxes and instead of using the post id and name of post, maybe use a featured image?

2. I’m currently working on an update for doing this, since this is a request many users made me. You will be able to add new tags using two field types: Custom Taxonomy Selector and Custom Taxonomy Multiselector.

Hope it will be online soon.

Thanks!
Thread Starter kida18
(@kida18)

9 years, 6 months ago
Hi Miguel,

Thanks for answering and sorry for the late reply too!

For my image issue, I’ve created radio fields and hard coded the display of images based on the answers. Here is my code, in case anyone is looking to achieve the same thing :
```
add_action( 'kleo_before_main_content', 'talent_show_badge' );
function talent_show_badge(){
    if( !bp_is_active( 'xprofile' ) )
        return;
    
    $main_talent = xprofile_get_field_data( '637', bp_displayed_user_id() );

    
    if( 'photography' == strtolower( $main_talent ) ){
        echo '<div id="badges"><img src="http://www.mysite.com/wp-content/uploads/2016/10/photography.png" alt="photography" title="Photography"></div>';
    }

    if( 'voice' == strtolower( $main_talent ) ){
        echo '<div id="badges"><img src="http://www.mysite.com/wp-content/uploads/2016/10/voice.png" alt="voice" title="Voice"></div>';
    }}
```
I’ve tested the custom taxonomy selector and custom taxonomy multiselector (I hadn’t tried them before) but those fields type don’t appear to be compatible with the Conditional profile field plugin from Buddydev (have an extra field appear depending on the selection of the previous field), and I need some kind of conditional answers for what I’m trying to do.

One feature that could be nice to have in the future, is an enhancement of the normal checkbox type, allowing members to set a level of priority/preference in their answers.

If we take the same example as in my first post, if we allow members to have several answers for the “skills” field, it would be nice to allow them to choose which are their primary skill, secondary skill etc, without having to create multiple fields.
I have no idea how this could be achieved though…maybe allowing people to re-order the list after it’s been submitted? Or perhaps incorporate a conditional that displays another set of selection once a box is checked, within the same field, displaying radio buttons with numbers, or priority1, priority2 etc, in the same amount as the number of choices available?

Anyway, it’s just a suggestion 🙂

Thanks for your great plugin

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘checkboxes with images’ is closed to new replies.

Tags