margin doesnt apply

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

    Posted 05 Oct 2017 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
    574 posts

    Posted 06 Oct 2017 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
    135 posts
    Member since:
    May 2015

    Posted 10 Oct 2017 Link to this post

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

    Posted 10 Oct 2017 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
    135 posts
    Member since:
    May 2015

    Posted 11 Oct 2017 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
    574 posts

    Posted 12 Oct 2017 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