Re: cannot edit {{my.form-text}} on mobile view

Mikes_Jones
Level 8

cannot edit {{my.form-text}} on mobile view

Hello,

So I'm currently in the process of converting a handful of existing Landing Pages so that they're also Mobile Compatible. I've realized that styling is a little bit different and so is trying to create a mobile landing page that actually looks good - though I'm sure this just involves more time.

Whenever I take a Landing Page and convert it so that it's mobile ready, the {{my.form-text}} is brought over and stays embedded at the top of the page. I can't edit, move, remove or do anything with this token.

Because of this, the first thing a visitor sees when viewing the Mobile LP on their phone is "Please Fill Out The Form Below for more info" followed by the intro body copy, which is awkward.

Does this have something to do with the template? Perhaps the Template Elements (which I can't edit).

Example:

mobile-view-capture.PNG

8 REPLIES 8
Justin_Norris1
Level 10 - Champion Alumni

Re: cannot edit {{my.form-text}} on mobile view

Malik Zafar​, this is curious. When you create a mobile view, it should be removing all template elements and replacing them with a single mobile BODY element (which you can see in your template elements list on the right).

Is the {{my.form-text}} token contained in the "Form button text" landing page element? How is it inserted into the desktop version of the page -- via the template or a page element? If you want to share your template source code there may be some clues in there.

FYI I have attached a user group presentation I did on the mobile view feature, which may be helpful.

Mikes_Jones
Level 8

Re: cannot edit {{my.form-text}} on mobile view

I right clicked the "form button text" and this is what I see

"

<!--Form Submit Button Text edit-->

<script type="text/javascript">

$(document).ready(function() {

$('#mktFrmSubmit').val('Learn More');

})

</script>"

Perhaps that is causing the issue? I can't really tell.

Here is a screen grab of what the same LP looks like in desktop view: Tokens such as {{my.body-h2}} and {{my.body-partnerlogo}} cannot be changed directly in this view, but they can be edited in the tokens under the program. However, these tokens do not automatically get carried over when a Mobile View is created, unlike {{my.form-text}}

desktop-view-capture.PNG

Justin_Norris1
Level 10 - Champion Alumni

Re: cannot edit {{my.form-text}} on mobile view

Malik Zafar​, yeah it doesn't look like it's coming from the Form button text element.

I suspect it must be in your LP template's source code. But if so, it should not carried over into your Mobile view at all. A disturbance in the force!

I'd say we should take a peek at your source code to see how it's being included in the template and maybe it will reveal why these two tokens are appearing in mobile view but the rest do not.

Failing that, it's something I would take up with support.

Mikes_Jones
Level 8

Re: cannot edit {{my.form-text}} on mobile view

This is the code related to the {{form-text}}

"

<div class="section">

    <div class="wrap">

<div class="side-col"><div class="form-wrap">{{my.form-text}}

   <div class="form"><div id="textWrapDiv" class="mktEditable"><div class="mktoContent"></div></div></div><div class="clear"></div></div>       "

I hear there's ways to hide <div> on mobile, though not exactly sure how to implement it in this case.

Justin_Norris1
Level 10 - Champion Alumni

Re: cannot edit {{my.form-text}} on mobile view

Definitely looks like it's part of the template code that should be wiped out when you port it over to Mobile.

Someone more technical than I could see something I'm missing, but this is where I'd ping support to find out, since the product is not behaving the way I would expect.

Mikes_Jones
Level 8

Re: cannot edit {{my.form-text}} on mobile view

Thanks Justin!

Mikes_Jones
Level 8

Re: cannot edit {{my.form-text}} on mobile view

Also thanks a ton for your presentation, skimming through it and it looks super handy!

Justin_Norris1
Level 10 - Champion Alumni

Re: cannot edit {{my.form-text}} on mobile view

No problem!