Open Closed

Timepicker not rendering properly #9732


0
robmdc created
  • What is your product version? 9.2.0
  • What is your product type (Angular or MVC)? MVC
  • What is product framework type (.net framework or .net core)? Core
  • Which theme are you using? Theme2
  • What are the theme settings? Default

The included timepicker does not render the up and down buttons properly, something is wrong with the css here. Does anyone have an idea how to fix this?


7 Answer(s)
  • 0
    ismcagdas created
    Support Team

    Hi @robmdc

    Could you also share your javascript code for displaying the time picker ?

    Thanks,

  • 0
    robmdc created

    Sure:

    $('#AvailabilitySlot_TimeStart').timepicker({ minuteStep: 15, defaultTime: '9:00 AM', showSeconds: false, showMeridian: false, snapToStep: true });
    

    and HTML:

    <div class="form-group m-form__group col-3">
        <label for="AvailabilitySlot_TimeStart">@L("TimeHour")</label>
        <input class="form-control" placeholder="@L("TimeStart")" id="AvailabilitySlot_TimeStart" type="text" name="timeStart" readonly />
    </div>
    
  • 0
    ismcagdas created
    Support Team

    Could you try;

    $('#AvailabilitySlot_TimeStart').timepicker({
        minuteStep: 15,
        defaultTime: '9:00 AM',
        showSeconds: false,
        showMeridian: false,
        snapToStep: true,
        icons: {
            up: "fas fa-chevron-up",
            down: "fas fa-chevron-down"
        }
    });
    
  • 0
    robmdc created

    Hi,

    thanks for that, now they are visible! They are however not center-aligned as they should be, some class appears to remove the centered style.

  • 0
    ismcagdas created
    Support Team

    Hi,

    It can be something in your app. Default version seems fine;

  • 0
    robmdc created

    Oh, that is strange. I have not added any custom css, it's just a generated page. Could you perhaps share your project? Maybe I can find what's different.

  • 0
    ismcagdas created
    Support Team

    Hi @robmdc

    Sorry for the delay. I haven't seen your reply somehow. I just tried it in a brand new 9.2 version. If you didn't solve this problem, is it possible for me to check this on your project ? Maybe you can share it via email with info@aspnetzero.com ?

    Thanks,