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 possibilita incluir permite a inclusão de textos, gráficos, ações, link links e imagens. |
---|
BtnURL | https://tdn.totvs.com/pages/viewpage.action?pageId=811701323 |
---|
BtnText | ver template |
---|
Largura | 250px |
---|
Titulo | WIDGET |
---|
|
Card template |
---|
Desc | O list view pode ser usado para conteudos com e sem ações. Tem 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 | O acordion possibilita Oferece a otimização do espaço em na tela, uma vez que pode ser abertosendo 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 |
---|
|
|
|