BuyLog In
Ticket T1284640
Visible to All Users

Time section in DetailedAppointmentToolTip

created 6 days ago (modified 6 days ago)

How do I hide/remove the time section in DetailedAppointmentToolTip.ascx tooltip? I use the date format in the database. See attached image

ASPx
<OptionsToolTips AppointmentToolTipCornerType="None" AppointmentToolTipMode="Hint" AppointmentToolTipUrl="~/controls/DetailedAppointmentToolTip.ascx" />

In the

ASPx
<dx:ASPxLabel ID="lblInterval" EnableClientSideAPI="true" Font-Size="9pt" runat="server" />
Sign in to comment on this post

Answers approved by DevExpress Support

created 6 days ago

Hello,

You can customize the ASPxClientAppointmentDetailedToolTip.Update method in the DetailedAppointmentToolTip.ascx file to modify the Tooltip text.

JavaScript
Update: function (data) {
    ...
    var textInterval = this.ConvertIntervalToString(apt.interval);
    textInterval = textInterval.split(' - ').map((el) => new Date(el).toLocaleDateString("en-US", { month: 'long', day: '2-digit' })).join(' - ');
    this.controls.lblInterval.SetText(textInterval);
}

I hope this helps.

    Show previous comments (3)
    Tim (DevExpress Support) 2 days ago

      Hello,

      You don't need to pass apt.interval.GetStart() to the ConvertIntervalToString method.

      What I meant is to manually access the start date object using apt.interval.GetStart(), and then calculate the end date by adding the duration to the start date (new Date(apt.interval.GetStart().getTime() + apt.interval.GetDuration())). After retrieving both the start and end date objects, format them according to your requirements, then concatenate the results, and finally set the label text using this.controls.lblInterval.SetText.

      Here’s how you can implement this:

      JavaScript
      var startString = apt.interval.GetStart().toLocaleDateString("en-US", { month: 'long', day: '2-digit' });
var endString = (new Date(apt.interval.GetStart().getTime() + apt.interval.GetDuration())).toLocaleDateString("en-US", { month: 'long', day: '2-digit' });

var textInterval = startString + " - " + endString;
this.controls.lblInterval.SetText(textInterval);

      Let me know if this helps address the issue.

      KE KE
      Kjell Ek 2 days ago

        OK, I understand then.
        Thanks for being patient with me ;-)

        Tim (DevExpress Support) 2 days ago

          Hi,

          You're welcome. Have a great day!

          Sign in to comment on this post

          Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

          Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.