asp.net-mvctwitter-bootstraprazorbootstrap-datepicker
Can't attach GlyphIcon to Textbox
I'm having real issues trying to get my bootstrap datepicker icon to attach to my textbox. I've read through all documentation and searched for hours to find a solution but nothing seems to work.
is the closest i've gotten with my markup but the icon seems to align to the right hand side of the screen
<div id="sandbox-container">DATE
<div class="input-group date">
<input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>
</div>
Solution
It's pretty easy to do with Bootstrap input group and Font Awesome icons:
Structure
<label for="xxx">Date</label>
<div class="input-group">
<input type="text" class="form-control" id="xxx">
<div class="input-group-append">
<span class="input-group-text">
<i class="fas fa-calendar-alt"></i>
</span>
</div>
</div>
Icon Choices
I am showing you the free version of Font Awesome Icons. You can use whatever you like to represent the date picker icon. Here is some: https://fontawesome.com/icons?d=gallery&q=calendar&m=free
Screenshots
Demo
- Properly reload and reformat a Bootstrap Popover after Loading Data with ajax
- Can't Add View from Controller in VS 2015 : "There was an error running the selected code generator"
- "The transaction log for database is full due to 'LOG_BACKUP'" in a shared host
- How to share a session values between an ASP.NET and ASP.NET Core application?
- Select Box Not Populated On View After Model State Is Invalid
- Get null in controller when implementing IEnumerable in ASP NET model
- I get status code 500 while there is no error in my code when I try running in debug mode
- How to remove this straight line in ASP.NET MVC?
- How can I change IIS Express port for a site
- using IEnumerable<> as List<> when dynamic
- IIS server error .Server Error in '/' Application
- The named 'CommandType' does not exist in the current context
- Overriding an existing extension method
- JSON and UTC datetime
- How would I format a string value from a custom list into money format?
- Avoid SQL injection in Devexpress Grid where\filter condidtion
- .Net Framework You must add a reference to assembly mscorlib, Version=4.0.0.0
- Is there a better way to get Non-friends to appear in "People you may know" Section?
- Remove checkbox from parent node in TreeView from
- string.Format with variable names instead of numbers
- RouteValueDictionary ignores empty values
- Where should be the validation in a ASP.Net MVC scenario having Repository, Service Layer and using Model Binder?
- How and where to define an environment variable on Azure
- Setting Base Path using ConfigurationBuilder
- ArgumentException: An item with the same key has already been added
- Application_Start not firing?
- ASP Versioning, UrlSegmentApiVersionReader, routes match nonsense version numbers
- The model item passed into the dictionary is of type .. but this dictionary requires a model item of type
- The default XML namespace of the project must be the MSBuild XML namespace
- MVC with Bootstrap Navbar - Set Selected Item to Active