Menu B

Exemplo Template Menu B

Template Menu B

Propriedade	Descrição
Formato	Lista com elementos circulares.
Imagem	Não possui configuração específica.
Conteúdo	detail.order = 0: define o conteúdo dentro do círculo. detail.order = 1: define o conteúdo fora do círculo.
Ações	Quando múltiplas: Menu suspenso é exibido. Quando única: Ação será executada.

• D (definições gerais da área de conteúdo da listagem)

  • pageContent.groupList(x).itemList(y).count define a quantidade de itens na lista. Se nulo ou vazio, nenhum item é exibido.

  • pageContent.groupList(x).itemList(y).background define a cor do background da célula. Se nulo ou vazio, a cor padrão é #FFF. Nesta template o background aplica-se apenas ao interior do círculo.

  • pageContent.groupList(x).itemList(y).color define a cor da fonte dos textos e ícones da célula. Se nulo ou vazio, a cor padrão é #444.

• D1

  • pageContent.groupList(x).itemList(y).detail(0) define o conteúdo da centro do círculo da célula.

  • Suporta html flexível com com conteúdo centralizado.

  • Se nulo ou vazio, o espaço é exibido.

• D2

  • pageContent.groupList(x).itemList(y).detail(1-z) define o conteúdo da parte inferior da célula.

  • Suporta html flexível com conteúdo alinhado à esquerda.

  • Se nulo ou vazio, o espaço é exibido.

• D3

  • pageContent.groupList(x).actions define a lista de ações do item.

  • Suporta de 1 a N actions:

    • Se actions = 1 então toque na célula executa a action.

    • Se actions > 1 então todas as actions devem ser exibidas em um menu suspenso no toque da célula.

códio de exemplo de Menu B

{
  "pageNavigation": {
    "background": "#482073",
    "title": "MENU-B",
    "left": {
      "actions": [
        {
          "order": "0",
          "name": "back"
        }
      ]
    }
  },
  "pageHeader": {
    "template": "B",
    "background": "#482073",
    "color": "#482073",
    "logo": "https://api.mobilecare.com.br/integration/demo/resources/mobilex-demos/logo-mobilex-b.png"
  },
  "pageContent": {
    "background": "#FFF",
    "totalPages": 1,
    "currentPage": 1,
    "hasGroupBy": true,
    "groupList": [
      {
        "template": "MENU-B",
        "title": "LABEL DO AGRUPAMENTO DO MENU",
        "background": "#FFF",
        "color": "#482073",
        "actions": [
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "call",
            "path": "",
            "parameters": [
              {
                "title": "Residencial",
                "value": "[phone]"
              }
            ]
          },
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "email",
            "path": "",
            "parameters": [
              {
                "title": "",
                "value": "[e-mail]"
              }
            ]
          }
        ],
        "itemsList": [
          {
            "publishLevel": 1,
            "background": "#f8f8f8",
            "color": "#482073",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-large text-default'>&#xea88;</i>"
              },
              {
                "order": 1,
                "value": "Lorem Ipsum"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "path": "",
                "parameters": [
                  {
                    "title": "",
                    "value": "[e-mail]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#f8f8f8",
            "color": "#482073",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-large text-default'>&#xea88;</i>"
              },
              {
                "order": 1,
                "value": "Lorem Ipsum"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "path": "",
                "parameters": [
                  {
                    "title": "",
                    "value": "[e-mail]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#f8f8f8",
            "color": "#482073",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-large text-default'>&#xea88;</i>"
              },
              {
                "order": 1,
                "value": "Lorem Ipsum"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "[phone]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#f8f8f8",
            "color": "#482073",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-large text-default'>&#xea88;</i>"
              },
              {
                "order": 1,
                "value": "Lorem Ipsum"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "[phone]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#f8f8f8",
            "color": "#482073",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-large text-default'>&#xea88;</i>"
              },
              {
                "order": 1,
                "value": "Lorem Ipsum"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "path": "",
                "parameters": [
                  {
                    "title": "",
                    "value": "[e-mail]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#f8f8f8",
            "color": "#482073",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-large text-default'>&#xea88;</i>"
              },
              {
                "order": 1,
                "value": "Lorem Ipsum"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "[phone]"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}

Menu B Full

Propriedade	Descrição
Formato	Lista com elementos circulares um do lado do outro com tamanho total da página.
Formato responsivo	Lista com elementos retangulares
Imagem	Não possui configuração específica.
Margem superior	Suporta a propriedade templateMarginTop
Background	define a cor de fundo do template