Menu A

Exemplo Template Menu A

Template Menu A

Propriedade
Descrição

Formato

Lista horizontal, sem espaçamento.

Imagem

Não possui configuração específica.

Conteúdo

Definido em detail.order = 0.

Ações

  • Quando múltiplas: Menu suspenso exibido na lateral.

  • Quando única:

    • Se é a default, o ícone não é exibido na lateral.

    • Se não é default, o ícone é exibido na lateral.

  • 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.

    • 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.

  • D2

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

    • Se z>0, então os “details” serão exibidos na célula e separados por um espaço em branco.

    • 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.

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

    • Suporta de 1 a N actions, sendo:

      • 1 action e não é a action default, exibir a action informada.

      • 1 action e é a action default, o espaço é ocultado

      • 2 actions: Exibir o “menu de bolinhas” para acesso às demais actions através de menu suspenso.

códio de exemplo de Menu A
{
  "pageNavigation": {
    "background": "#482073",
    "title": "MENU-A",
    "left": {
      "actions": [
        {
          "order": "0",
          "name": "back"
        }
      ]
    }
  },
  "pageHeader": {
    "template": "B",
    "background": "",
    "color": "#FFF",
    "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-A",
        "title": "LABEL DO AGRUPAMENTO DO MENU",
        "background": "#fff",
        "color": "#482073",
        "actions": [
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "call",
            "title": "Ligar",
            "path": "",
            "parameters": [
              {
                "title": "Residencial",
                "value": "+557199999-9999"
              },
              {
                "title": "Comercial",
                "value": "+557199999-9999"
              }
            ]
          },
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "email",
            "title": "Ebviar email",
            "path": "",
            "parameters": [
              {
                "title": "",
                "value": "[email protected]"
              },
              {
                "title": "",
                "value": "[email protected]"
              }
            ]
          }
        ],
        "itemsList": [
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "title": "Ligar",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "+557199999-9999"
                  },
                  {
                    "title": "Residencial",
                    "value": "+557199999-9999"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "title": "Email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[email protected]"
                  },
                  {
                    "title": "",
                    "value": "[email protected]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "title": "Ligar",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "+557199999-9999"
                  },
                  {
                    "title": "Residencial",
                    "value": "+557199999-9999"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "title": "Email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[email protected]"
                  },
                  {
                    "title": "",
                    "value": "[email protected]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "title": "Ligar",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "+557199999-9999"
                  },
                  {
                    "title": "Residencial",
                    "value": "+557199999-9999"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "title": "Email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[email protected]"
                  },
                  {
                    "title": "",
                    "value": "[email protected]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "+557199999-9999"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "+557199999-9999"
                  }
                ]
              },
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "email",
                "parameters": [
                  {
                    "title": "",
                    "value": "[email protected]"
                  }
                ]
              }
            ]
          },
          {
            "publishLevel": 1,
            "background": "#fff",
            "color": "#EE8113",
            "details": [
              {
                "order": 0,
                "value": "<i class='icon-medium' style='color:#EE8113'>&#xea88;</i><h3 class='text-default'> Lorem Ipsum</h3>"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "parameters": [
                  {
                    "title": "querystring",
                    "value": "+557199999-9999"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}

Last updated