Comments (10)
Found it. Sorry.
from angular-autofields-bootstrap.
@nirarazi you're right that it already has placeholder text, but I still think some way to show a description about the field would be nice.
Did you have anything other than placeholder in mind?
from angular-autofields-bootstrap.
@JustMaier Yes, an optional description paragraph between the label and the field can work, but I guess it might break the consistency of the layout. Maybe dedicate a line in the layout to this paragraph, which will take only required vertical space, if any, shared by all other fields in the same row.
from angular-autofields-bootstrap.
@nirarazi I was looking through Bootstrap's form section and they actually have something called a help block. It's a paragraph that appears after the field to describe the field. It seemed like a good fit so I went ahead and implemented the help block.
You can now add help
to your field schema and it will append the text inside a paragraph under the field. Be sure to check out the updated demo for a live example.
from angular-autofields-bootstrap.
@JustMaier Nice one. Thanks a lot!
from angular-autofields-bootstrap.
Hey @JustMaier, can you please update the NuGet package as well?
from angular-autofields-bootstrap.
Hey it's been update on NuGet as well. It's 0.6.2
from angular-autofields-bootstrap.
Thanks!
When I put a ngShow
/ngHide
on the attr
property, the help block doesn't show/hide with the input. I guess we need a wrapper div now... give it some thought...
from angular-autofields-bootstrap.
This is actually something I ended up needing as well... I've added it to a personal version of the directive and I will look into implementing it into a new version
from angular-autofields-bootstrap.
This was added in v2.0.0
Now ngIf, ngHide, and ngShow will all be carried over to the field container. To add more properties, just push $autofieldsProvider.settings.displayAttributes
in your module config
from angular-autofields-bootstrap.
Related Issues (20)
- Custom Validation HOT 2
- How to set focus on first text box ? HOT 2
- Add multiple select boxes HOT 2
- Turn off Chrome auto complete HOT 5
- Datepicker compatibility HOT 1
- Any plan to implement this lib using angular2 HOT 1
- Grouping and Groupheaders HOT 1
- 'multiple' type field HOT 1
- CSS classes HOT 2
- Date Options - ng-model-options timezone HOT 2
- Odd mobile behaviour on dropdown boxes. HOT 3
- Custom attributes option not working HOT 2
- Integration with chosen HOT 3
- Unsupported pseudo: fields
- Tooltips are not placed correctly HOT 1
- Use `xs` instead of `sm` columns. HOT 2
- Create custom field select and ng-selected HOT 1
- How to include ng click event to a field HOT 1
- setAttributes should be exposed for overriding on the autofields object HOT 5
- bower.json has been removed, breaking grunt builds HOT 2
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 angular-autofields-bootstrap.