change order of and

[Torben Eggerstorf]

Hello Khaled,

your Plugin renders a form like:

<form>
<div>
<label></label> *
<input> *
</div>
</form>

is it possible to change the order of <label> and <input> to and add another div container?
<form>
<div>
<div>
<input>
<label></label>
</div>
</div>
</form>

the advanced plugin only allows to change the classes of the default forms.

Best wishes
Torben

[Khaled]

Hi Torben,
you can change html before rendering using ‘user_meta_field_display’ filter hook.

Here is an example:

	add_filter('user_meta_field_display', function ($html) {
	// Get label html
	preg_match("/<label.*>.*<\/label>/", $html, $matches);
	$label = $matches[0];
	// Get input html
	preg_match("/<input.*\/>/", $html, $matches);
	$input = $matches[0];
	// Create new html
	$newHtml = "<div>{$input}{$label}</div>";
	// Replace with pattern
	$html = preg_replace("/<label.*>.*<\/label><input.*\/>/", $newHtml, $html);
	return $html;
	});

view raw user_meta_field_display hosted with ❤ by GitHub

Advanced (For Developers)

Thanks.

[Author]

Posts