wrapAll attempt using user_meta_form_display

[gvh]

Hi

I tried to use the user_meta_form_display hook and a str_replace to wrap a bunch of fields in a div. I used an approach similar to the one I used to add the novalidate attribute to the <form> tag … like this:

add_filter(‘user_meta_form_display’, ‘add_novalidate’,10,3);
function add_novalidate( $html, $formName, $formData ) {
if ($formName == ‘my_form_name’ {
$html = str_replace( ‘<form, ‘<form novalidate=”true”‘, $html );
return $html;
}
}

I want to wrap field groups in their own divs so I can use css to have two+ column forms. I tried the section heading fields and html fields provided in User-Meta pro with no luck.

I could do a string replace and add an opening and closing div where I wanted them. But a mysterious force keeps closing my opening div in the same line and tossing out my closing div.

I could actually get one div wrapped around a bunch of fields using a section heading field as the opening div and an html field as the closing div. But User-Meta would only do that once per form. Not much use.

With JQuery wrapAll it’s no problem. But is there a way to do it with php?

Any tips or hints greatly appreciated.

Thanks

[gvh]

I fooled with this for awhile but finally got it to work with a string replace.

It would probably be better done using php domhtml but I had trouble using the user_meta_form_display hook with it because the load($html) just returned the form and not the other content on the page, But without the user_meta_form_display hook I couldn’t even access the form $html. Neither could I see the form $html using the_content (wp codex) with or without do_shortcode. Good thing User-Meta has these hooks … thanks.

The problem with the string replace is that spacing inconsistencies in the html mess it up. That is why my initial attempts failed. But if you keep your string replacements small it can work once you figure out the spacing patterns. Regex was not necessary.

I used User-Meta to add simple html fields where I wanted my column divs to be. I show the string replace here in two steps. First step was to get ride of the spaces and consolidate the simple html divs. Second step replaced the simple divs with more complex divs having id’s and such for styling colums.

This worked:

add_filter(‘user_meta_form_display’, ‘add_wrap’, 10, 3);
function add_wrap( $html, $formName ) {
if ($formName == ‘may_form_name’) {
$orig = array(‘um_field_container” >1 </div>’, ‘um_field_container” >2 </div>’, ‘um_field_container” >3 </div>’, ‘um_field_container” >4 </div>’);
$rplc = array(‘trans”>str_1</div>’, ‘trans”>str_2</div>’, ‘trans”>str_3</div>’, ‘trans”>str_4</div>’);
$html = str_replace($orig, $rplc, $html);
$orig = array(‘<div class=”trans”>str_1</div>’, ‘<div class=”trans”>str_2</div>’, ‘<div class=”trans”>str_3</div>’, ‘<div class=”trans”>str_4</div>’);
$rplc = array(‘<div id=”col_1″>’, ‘</div><div id=”col_2″>’, ‘</div><div id=”col_3″>’, ‘</div>’);
$html = str_replace($orig, $rplc, $html);
return $html;
}
}

• This reply was modified 9 years, 9 months ago by gvh.

[Author]

Posts