Comments (6)
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.
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.
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:
Vê lá se é isto.
from ink.
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.
Agora fui eu que não percebi esse teu diagrama.
Quanto ao JS, questão diferente, issue diferente sff.
from ink.
Acho que ja se percebe agora :p
from ink.
Related Issues (20)
- delete
- delete
- all-100 doesn't push out to full width HOT 2
- Node 6.4.0 Breaks Ink HOT 2
- Issues with Next button of date picker HOT 1
- IE 8 Errors out on missing Ink.Util.Validator_1 module HOT 2
- Lazy loads with Carousel HOT 1
- Modal dialog does not appear
- can't choose past years on datepicker
- date format rule problem in datepicker HOT 1
- React support HOT 1
- tooltip not showing up HOT 2
- Further development HOT 1
- What Happened? HOT 2
- ssl on your cdn not working HOT 2
- Typescript: Cannot find name 'Ink' HOT 1
- Ink.UI.SmoothScroller - preventDefault - page still refreshing HOT 1
- Hide div based on specific screen size HOT 1
- Ink Badge being cut off HOT 1
- Ink-badge is adding a .6 left margin HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ink.