2

Below is my Django form. I would like to display a thumbnail and title together in a dropdown element, not as a radio button. With this configuration, it makes my form element a radio button.

What am I doing wrong, I cannot figure this out. If I change widget=forms.Select(), it creates a dropdown with only the title, but does not display the thumbnail beside the title.

class CustomChoiceField(forms.ModelChoiceField):
    def label_from_instance(self, obj):
        return mark_safe("<img src='https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150'><p>"+str(obj.category)+"</p>")

countries_list = ImageModel.objects.all()

class SubCatForm(forms.Form):
    category_pic = CustomChoiceField(widget=forms.RadioSelect(), queryset=countries_list, empty_label=None)

    class Meta:
        model = SubCatModel
        fields = ("sub_category_name", "category", "category_pic")
        widgets = {
            'sub_category_name': forms.TextInput(attrs={'class':'span11'})
        }
Adam Hopkins
  • 6,837
  • 6
  • 32
  • 52
user7421798
  • 103
  • 11
  • A simple ` – Adam Hopkins May 10 '17 at 19:52

0 Answers0