margin doesnt apply

6 posts, 0 answers
  1. Neeraj
    Neeraj avatar
    48 posts
    Member since:
    May 2015

    Posted 05 Oct Link to this post

    in my kendo mvvm code i have applied margin-top . i dont get desired effect . if i add class  attribute, i dont get margin-top applied css

    <input data-role="numerictextbox"
                       data-format="c"
                       data-min="0"
                       data-max="100"
                       data-bind="visible: isVisible,
                                  enabled: isEnabled,
                                  value: selectedNumber,
                                  events: { change: onChange }"
                       style="width: 180px,margin-top:90px;">
  2. Preslav
    Admin
    Preslav avatar
    225 posts

    Posted 06 Oct Link to this post

    Hi Neeraj,

    Generally speaking, the Kendo UI NumericTextBox is a widget created by more than one element. Thus, the margin should be assigned to the wrapper(the parent element). Having said that, this could be achieved with CSS code similar to:

    <style>
      .k-widget.k-numerictextbox{
        margin-top: 90px;
      }
    </style>

    I hope this helps.
      

    Regards,
    Preslav
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Neeraj
    Neeraj avatar
    48 posts
    Member since:
    May 2015

    Posted 10 Oct Link to this post

    and how can i disable or make readonly numeric box in mvvm?
  4. Preslav
    Admin
    Preslav avatar
    225 posts

    Posted 10 Oct Link to this post

    Hello Neeraj,

    Please excuse me but unfortunately, I am not understanding the requirements from your last post.

    Having said that, could you please elaborate on them? I look forward to your reply.


    Regards,
    Preslav
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Neeraj
    Neeraj avatar
    48 posts
    Member since:
    May 2015

    Posted 11 Oct Link to this post

    Hello, i want to make numerictextbox to be read-only. I dont want user to edit values in that numeric textBox. How to do in mvvm?
  6. Preslav
    Admin
    Preslav avatar
    225 posts

    Posted 5 days and 20 hours ago Link to this post

    Hi Neeraj,

    Based on your post I assume that your project requires having a readonly Kendo NumericTextBox. Please correct me if I am wrong.

    To achieve that use the readonly method:

    For example, check this Dojo: https://dojo.telerik.com/AREGIr

    If the above is not the case, could you please share more information. For example, send us a screencast that demonstrates the desired functionality.


    Regards,
    Preslav
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top