Перевод не работает в contentPane в Worklight

Я создаю приложение и разбиваю основной HTML-код на последующие HTML-коды, как это рекомендовано в учебном курсе. Таким образом, дочерняя страница/страница содержится в отдельном фрагменте html, который включается через панель содержимого. Я также использую функцию перевода. Перевод в основном html работает, но не во фрагменте html. Используя приведенный ниже код, я получаю общий вид рабочего освещения:

• текст заголовка приходит нормально
• кнопка 0 и кнопка 1 текст приходит нормально
• кнопка 2 (та что во вшитом сниппете), не приходит текст от перевода

Любая помощь будет принята с благодарностью.

фрагмент основного html

<div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true">
    <div data-dojo-type="dojox.mobile.Heading">
        <div id="appHeader" class="translate"></div>
    </div>
    <button data-dojo-type="dojox.mobile.Button">button0</button>
    <br>
    <button data-dojo-type="dojox.mobile.Button"><div id="button1" class="translate"></div></button>
    <br>
    <div data-dojo-type="dojox.mobile.ContentPane" href="views/button2.html"></div>
</div>

просмотры/button2.html

<button data-dojo-type="dojox.mobile.Button"><div id="button2" class="translate"></div></button>

сообщения.js

Messages = {
    appHeader : "Translation Test",
    button1 : "translated button 1",
    button2 : "translated button 2"
};