Having an image and text in a QComboBox (QSS)

[qwasder85]

I'm trying to display a little image inside the text field of a QComboBox like this:

QComboBox#folderSelectionComboBox
{
    image: url(:Images/folderIcon.svg);
    image-position: left;
}

This works, but the text overlays the icon:

I tried adding a

padding: 2 2 2 20;

but that moves the text AND the image.
Is there a way to move just the text in the box?

[mrjj]

Hi
Im not sure we can move the text.

What about

QLineEdit* lineEdit = ui->combo->lineEdit();
lineEdit->setClearButtonEnabled(true);
lineEdit->addAction(":/:Images/folderIcon.svg", QLineEdit::LeadingPosition);

[qwasder85]

@mrjj Hm, lineEdit() keeps returning NULL, that's odd.

Edit: Ah, the CBox has to be editable. I'll try that real quick.

[mrjj]

@qwasder85
Sorry my bad. ( i didnt check docs)
"Only editable combo boxes have a line edit."
so if its not editable ( its a property ) then it returns null.

[qwasder85]

@mrjj That works (the clear-button isn't needed), thank you! :)

[JonB]

@mrjj said in Having an image and text in a QComboBox (QSS):

lineEdit->setClearButtonEnabled(true);
lineEdit->addAction(":/:Images/folderIcon.svg", QLineEdit::LeadingPosition);

Both of these lines are cheating! It's not a "clear" button, and the docs also state the clear button is traling. Aren't you ashamed of yourself? ;-)

[mrjj]

@JonB
Hehe well the clear button is an action so its not such a big
hax. Except it clears nothing:)
But if you use the Deco role of/on the items.. then it might become pretty weird :)