Add text or graphics to mobilefooter of page?

[Chris N]

For the mobileheader on a page I can modify the existing title value via jQuery, or insert labels/buttons, etc into the header block. However, I don't seem to be able to add any text (no text box is exposed in the builder UI, and jQuery doesn't populate a text value) or any items to the footer. How can I add dynamic text or graphics to the footer?

[Chris N]

To clarify, it looks like I can add buttons to the footer, but the other UI elements (I just want to add a graphic and a dynamic text box) don't seem to be allowed?

[Pavel Zarudniy]

Hi Chris,
Please see this topic, related to you question - https://getsatisfaction.com/apperyio/topics/adding_content_to_the_footer

[Chris N]

Hi Pavel,

That link shows the following code to insert an image in the footer:

code
Tiggzi("mobilefooterName")&#46;html("<img src='" + Tiggzi&#46;getImagePath('pic_name&#46;jpg') + "'>");
/code

I have two questions regarding this example:

1. Should Tiggzi be replaced with Apperyio?

2. Can you give an example of how to add a text label in the same way? Normally text labels in Appery are wrapped in a div - do I add another div for a label, or simply the text since there should already be a div for the footer?

   For example would the following be the right way?
   code
   Apperyio('mobilefooterName')&#46;html('<div name="mylabel" data-role="appery_label" class="myclass">My label text<>');
   /code

[Evgene Karachevtsev]

Chris,

1. Yes, you should change it to Appery or Apperyio.
2. Sorry, I'm not sure I understand you correctly, could you please clarify this question?
   If you want to set the value of a label you may use the following code preApperyio("label_name")&#46;text("text")/pre

[Chris N]

Hi Evgene,

Using the Appery interface, I'm unable to add a label to the footer. How can I add a label to the footer using the Appery tools? In my code examples for the previous message I was trying to understand if it was possible to add or "inject" a label into the footer using the .html command.

Thank you,
Chris

[Evgene Karachevtsev]

Chris,

Please try this code on page load event
precodevar labelName = Appery('mobilelabel_3');
var footer = Appery('mobilefooter');

labelName&#46;appendTo(footer); /code/pre