Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Light
Dark
System
Ask  Question

Input focus border style


Hi there,

I noticed that package we bought does not have the input focus border highlighting.
Mostly forms-control for input , select and etc.

Below is metronic sites does have the input focus.
https://preview.keenthemes.com/metronic/demo1/crud/forms/validation/form-controls.html
I did check there is input focus class is valid - non valid but that is for validation.
Is it same or different?
Please advise.


G
Guest 6 months ago
HTML Angular Bootstrap 5
3 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Faizal Author6 months ago

Please let us know which application and version you are using. Eg. Metronic Angular version 8.2.0
For reference, the link you provided appears to be from Metronic version 7. Input focus styles can vary between different versions of Metronic or other themes, so knowing your specific version will help provide more accurate guidance.

Thanks


G
Guest 6 months ago

Hi Faizal,

We are using Metronic "version": "8.1.7"


user
Faizal Author6 months ago

Are you using Angular or HTML version?

The link you provided is for Metronic v7.

Please use this link for Metronic v8

https://preview.keenthemes.com/html/metronic/docs/index

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(