#49 – How to prevent HTML to be stripped

Hi,

I'm trying to replace the current menu item by using a custom template.
But how can i prevent that this code underneath (checkbox and label) is stripped from the html?
 

<input id="toggle-menu" type="checkbox"/>
        <label class="toggle-menu-header" for="toggle-menu">
            <?php if ( $this->hasDisplayData( 'navigation_menu_button_text' ) ) : ?>
            <?php echo $this->getEscaped( 'navigation_menu_button_text' ); ?>
            <?php endif; ?>
            <i class="fa fa-bars"></i>
        </label>

regards
Sivard Donkers

Hi

First off, can I ask what you are trying to achieve? Using a check box to toggle a menu is not very efficient with AMP, as forms need to be handled very differently in AMP so you have to be aware of that if you write your own.

Second, and for that very reason, standard forms are removed automatically as they make AMP pages invalid. To prevent that, and build your own forms, you have to wrap the entire form with a special weeblrAMP function call. This will tell weeblrAMP that this part of the page should be validated and converted using a form-compatible specification. It goes like this:

$content = <<<<<AMP
Your content with form and input fields
AMP;

$content = WeeblrampFactory::getThe( 'weeblramp.content.protector' )
		                           ->protect(
			                           $content ,
			                           array(
				                           WeeblrampFactory::getA(  // amp converter, with forms
					                           'WeeblrampModel_Ampprocessor',
					                           array(
						                           'amp_config' => WeeblrampFactory::getA( 'weeblramp.config.ampform' )
					                           )
				                           ),
				                           'convert'
			                           )
		                           );
echo $content;

This will cause whatever your content is to be replaced by a token. Later on, when the page is rendered and converted to AMP, that token will be replaced by your initial content transformed into AMP code but using the "weeblramp.config.ampform" configuration that allows forms and input elements.

Again, I'm not sure using an "input" is the way to go here.

Rgds

Hi there,

I have reviewed the matter in more details, and now that AMP allows some of the inputs without generating a validation error, I have updated the specification file in weeblrAMP to allow those inputs.
That should make your life easier if you still need to use a checkbox here. The updated version is available from the development versions download area.

In case you need to include an entire form, you still need to wrap it using the call I mentioned earlier. However this was indeed tedious, so this new dev version also has a new API method that you can use instead (the old syntax is fine, it'ts just more cumbersome):

$content = <<<AMP
Your content with form and input fields
AMP;

echo  Weeblramp_Api::wrapForm($content);

Regards

Hi,
I want to change the styling of the menu button when the sidebar is open and change it back when the menu is closed.
I can't see how to do this in styling since the button is outside the amp-sidebar.

See for an example http://spotler.test3.bluemammoth.nl/amp/

Regards
sivard

Hi

I think you can use

section[expanded] wbamp-control {...}

for that purpose.

Rgds

This ticket has been automatically closed. All tickets which have been inactive for a long time are automatically closed. If you believe that this ticket was closed in error, please contact us.