JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Text Boxes & Inputs › Textbox to input numbers

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 18, 2021 at 3:49 pm #101819
    tullio0106
    Member

    I need, if possible, to use textbox (or numeric textbox) in order to introduce only numbers in a given field (may be integer or not).
    I tried with numericTextBox but it accepts also alphabetic chars.
    In the overview of TextBox I read about a formtted input but I didn’t find an example.
    Could You help me ?
    Tks

    May 21, 2021 at 2:31 pm #101827
    yavordashew
    Member

    Hi tullio0106,
    If you want to introduce only numbers in the input you will have to use NumberInput component and the reason for the NumericInput to introduce characters is that it can be used with ‘#’ or ‘kg’ signs for example.
    Here is a link for the NumberInput component demo:
    https://www.htmlelements.com/demos/input/number-input/
    Please, do not hesitate to contact us if you have any additional questions.
    Best regards,
    Yavor Dashev
    Smart UI Team
    https://www.htmlelements.com/

    May 24, 2021 at 1:39 pm #101835
    tullio0106
    Member

    Could You explain me better the difference between Inputs and the equivalent “non input” components (e.g. NumberInput and NumericTextbox).
    Tks

    May 24, 2021 at 2:38 pm #101836
    admin
    Keymaster

    Hi tullio0106,
    The difference is that NumericTextBox is a much more advanced component suitable for engineering applications and not only. It supports as visible from the demos Engineering formats such as SI Notation – https://www.htmlelements.com/demos/numerictextbox/scientific-notation/, Complex Numbers: https://www.htmlelements.com/demos/numerictextbox/complex-support/. NumberInput is more basic component suitable for editing only simple numerics.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    May 25, 2021 at 8:35 am #101841
    tullio0106
    Member

    I just need to introduce simple numbers.
    Is it possible in numeric input eliminate spinner buttons ?
    I just need to intorduce numbers and avoid to intoduce non numeric characters.
    Tks

    May 25, 2021 at 9:32 am #101843
    admin
    Keymaster

    Hi tullio0106,
    You can hide it by using CSS like. The “.nav.smart-drop-down-button” CSS class is applied to the spinner.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.