Change in drop down value after selection

Post here questions and problems related to editing and publishing DITA content.
Raga Mounika
Posts: 49
Joined: Mon Mar 28, 2016 3:54 pm

Change in drop down value after selection

Post by Raga Mounika »

Hi Team,

I have to do CSS changes in a tool for <pre> element.
Consider the example of <pre> element.It has a drop down in it which consists of a value "pgwide-cond".On selecting "pgwide-cond" from the dropdown it should be displayed as pre outputclass="pgwide condensed" instead of pre outputclass="pgwide-cond" .

Please help me with the code in CSS how to change it on selection from dropdown.

Thank you!

Regards,
Mounika
alex_jitianu
Posts: 1008
Joined: Wed Nov 16, 2005 11:11 am

Re: Change in drop down value after selection

Post by alex_jitianu »

Hi Mounika,

You can use the labels property:

Code: Select all

pre:before {
content: oxy_combobox(
edit, '@outputclass',
editable, false,
values, 'pgwide-cond, pgwide-exp',
labels, 'pgwide condensed, pgwide expanded')
}
Best regards,
Alex
Post Reply