Coder Social home page Coder Social logo

Comments (6)

pedrocorreia avatar pedrocorreia commented on June 12, 2024

Olá metropt.

Acho que não compreendeste bem o princípio básico dos elementos de layout. As classes ink-l%, ink-m% e ink-s% servem para controlar a largura dos elementos no contexto de uma media-query. Ou seja se queres que um elemento em ecrãs grandes tenha 33% da largura disponível, em ecrãs médios, digamos tablets, tenha 50% e em ecrãs pequenos 100%, tens que declarar essas escolhas:

<div class="ink-l33 ink-m50 ink-s100"> ... </div>

E com estas classes tens o que precisas para construires com que o teu form.

from ink.

metropt avatar metropt commented on June 12, 2024

eu percebi o que disseste e era a ideia que tinha o que acontece é que imagina que eu quero duas colunas em ecras médios e 3 colunas em ecras grandes, não estou a conseguir fazer sem ser como em mostrei em cima, com multiplos, neste caso 4 colunas em grandes e 2 em médios :s

Este é o comportamento que tenho https://dl.dropbox.com/u/6416035/ink1.ogv, a minha ideia incial era em vez de 4 colunas no large ter 3 mas isso só estava a conseguir com o .ink-for-s .ink-for-m .ink-for-l em que definia um layout para cada.

Obrigado :)

from ink.

pedrocorreia avatar pedrocorreia commented on June 12, 2024

Ok. Já te percebi!

Basicamente o que tens que fazer é embrulhar os div.control que contém os inputs e labels em divs com as classes que definem as dimensões que queres.

Este fiddle tem markup que faz o que julgo ser o que pretendes:

http://jsfiddle.net/6RXuy/

Vê lá se é isto.

from ink.

metropt avatar metropt commented on June 12, 2024

Muito obrigado :) Já percebi e era +- isso que pretendia :) Não sei se o facto de a organização ser como mostra em A e não em B me vai fazer diferença mas obrigado na mesma:)

1    ------>       1     2     3    ------>       1     3     5
2      A           4     5     6       B          2     4     6
3
4
5
6 

Já agora, eu estou com um problema no SAPO.Ink.FormValidator.validate() e coloquei aqui http://stackoverflow.com/questions/15660521/dynamically-added-input-to-form-doesnt-validate-after-first-validation pois não sabia se este seria o sitio idial para essa questão.

Basicamente, a partir do momento em que executo o SAPO.Ink.FormValidator.validate() a primeira vez, o inputs que são adicionados a seguir não são tratados :s Devo criar um issue com essa questão aqui?

from ink.

pedrocorreia avatar pedrocorreia commented on June 12, 2024

Agora fui eu que não percebi esse teu diagrama.
Quanto ao JS, questão diferente, issue diferente sff.

from ink.

metropt avatar metropt commented on June 12, 2024

Acho que ja se percebe agora :p

from ink.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.