HTML in "input/select" : Elgg.org

HTML in "input/select"

By Hermand Pessek 960 days ago

Hi can I add html code in "input/select". For instance text in bold ?

Regards,

- seri_ng@seri_ng
seri_ng 959 days ago
- 1 like
@Hermand Pessek. Yes you can by passing the 'style' keyword in the option of elgg_view( ) or elgg_view_field( ). See example below
elgg_view_field([
   '#type' => 'select',
   'name' => 'your select name',
   'options_values' => 'array of options',
   'value' => 'can be empty or default value',
   'style' => 'font-weight:bold'
]);
- Hermand Pessek@rheman
Hermand Pessek 959 days ago
- 0 likes
Thanks. But I want only one "options_values" to be in bold.
Regards.
- C0Rrupt@thjMMvw
C0Rrupt 959 days ago
- 0 likes
You should be able to do it with CSS alone
Example: https://codepen.io/qboqx/pen/gOoJEZg

/***Elgg***/
$name = 'cars';
$options = ['id'=>"carSelect_1234"];
$options_values = [["volvo"=>"Volvo"],
["saab"=>"Saab"],
["mercedes"=>"Mercedes"],
["audi"=>"Audi']];

elgg_view_field([
'#type' => 'select',
'name' => $name,
'options'=>$options,
'options_values' => $options_values,
'value' => 'can be empty or default value',
]);

/***CSS***/
#carSelect_1234>option[value=saab]{font-weight:bold;}



<select name="cars" id="carSelect_1234">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
- C0Rrupt@thjMMvw
C0Rrupt 958 days ago
- 0 likes
Correction:
$options_values = ["volvo"=>"Volvo",
"saab"=>"Saab",
"mercedes"=>"Mercedes",
"audi"=>"Audi'];