Em produtos para a web, é comum utilizar tabelas para apresentar uma variedade de informações, mas em produtos mobile, isso pode dificultar a visualização devido ao espaço limitado na tela. Uma abordagem mais recomendada é o uso de "cards" para agrupar e exibir informações. Essa prática é amplamente adotada em aplicativos móveis, proporcionando uma navegação mais intuitiva, facilitando a leitura, organização e direcionamento do usuário para ações específicas. Exemplos de páginas para listar informações: | Section |
|---|
| Card template |
|---|
| Desc | Componente versátil permite a inclusão de textos, gráficos, ações, links e imagens. |
|---|
| BtnURL | https://tdn.totvs.com/pages/viewpage.action?pageId=811701323 |
|---|
| BtnText | ver template |
|---|
| Largura | 250px |
|---|
| Titulo | WIDGET |
|---|
|
| Card template |
|---|
| Desc | Atende para conteúdos com ou sem ações, possui recursos de busca e expansão do card. |
|---|
| BtnURL | https://tdn.totvs.com/pages/viewpage.action?pageId=811706386 |
|---|
| BtnText | ver template |
|---|
| Largura | 250px |
|---|
| Titulo | LIST VIEW |
|---|
|
| Card template |
|---|
| Desc | Oferece a otimização do espaço na tela, sendo ideal para listas que contenham conteúdos textuais. |
|---|
| BtnURL | https://tdn.totvs.com/display/PTT/Template+lista+com+Accordion |
|---|
| BtnText | ver template |
|---|
| Largura | 250px |
|---|
| Titulo | ACCORDION |
|---|
|
|
| 
