SelectedDate Little Dot In Middle

7 posts, 0 answers
  1. Ericky
    Ericky avatar
    49 posts
    Member since:
    Jun 2017

    Posted 28 Jun Link to this post

    Hello,

     

    Is there any way to remove the little black dot in the middle of selected date?

  2. Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    294 posts

    Posted 29 Jun Link to this post

    Hi Ericky,

    By default, the selectionShape is set to square. Our developers are considering changing the default implementation as discussed here.
    Meanwhile, you can change the selection shape to "None" in you XML or via code-behind by applying the property with its value to the respective ViewStyle (e.g. CalendarMonthViewStyle or Calendar|WeekViewStyle)

    example setting selectionShape from XML
    <rc:CalendarMonthViewStyle selectionShape="None" >

    or setting it via code-behind file o( as done here for Round option)
    monthViewStyle.selectionShape = "None";


    Regards,
    Nikolay Iliev
    Progress Telerik
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
  3. Ericky
    Ericky avatar
    49 posts
    Member since:
    Jun 2017

    Posted 29 Jun Link to this post

    This has not worked for me, is it a feature supported by the angular version of the plugin?

     

    <StackLayout id="calendar">
      <RadCalendar id="calendar-widget" viewMode="Month" selectionMode="Single" eventsViewMode="Inline" selectionShape="None"
        [eventSource]="calendarEvents" [yearViewStyle]="yearViewStyle" [monthViewStyle]="monthViewStyle"></RadCalendar>
    </StackLayout>
  4. Ericky
    Ericky avatar
    49 posts
    Member since:
    Jun 2017

    Posted 29 Jun in reply to Ericky Link to this post

    I also tried setting

    monthViewStyle.selectionShape = "None";

     

    But, "selectionShape" is not defined in CalendarMonthViewStyle.

  5. Ericky
    Ericky avatar
    49 posts
    Member since:
    Jun 2017

    Posted 29 Jun in reply to Ericky Link to this post

    I also tried
    monthViewStyle.selectionShape = "None";

     

    "selectionShape" doesn't appear to be defined in "CalendarMonthViewStyle"

  6. Ericky
    Ericky avatar
    49 posts
    Member since:
    Jun 2017

    Posted 29 Jun in reply to Nikolay Iliev Link to this post

    Sorry for the double post. Actually, your solution has worked for me.

    (<any>monthViewStyle).selectionShape = "None";
  7. Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    294 posts

    Posted 29 Jun Link to this post

    Hello Ericky,

    Indeed your project might hit a TypeScript related error when setting this via code-behind. This issue is fixed and is included in the next release which is expected within days so after installing the next release the error will no longer appear when setting selectionShape from code-behind files. 

    Regards,
    Nikolay Iliev
    Progress Telerik
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
Back to Top