Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI
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 1 year ago
Angular Bootstrap 5 HTML
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 Author1 year 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


user
Faizal Author1 year 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 1 year ago

Hi Faizal,

We are using Metronic "version": "8.1.7"


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  :(