As shown in the figure

My project has a list of objects (Products) and each Product is made up of multiple Components. I display the list of Products in a RadListView, and show the Components in a RadExpander (for each element within the list).

If I add a Product with say, 4 Components to the list, then remove it, then add a Product with 2 Components the area drawn on the screen for the Components is the size that it would be if there were 4 Components. The same is true in reverse, if I add a Product with 2 Components, then remove it and add one with 4, the bottom 2 Components are cut off.

EG - Add 4 Component item - Add Truck (Door/Seat/Wheels/Windows)

Remove it from the list by clicking the X - then add a 2 Component item - Add Car (Door/Seat)

As you can see, the blue RadExpander area still has room for the extra 2 components.

Currently, I am having to clear my entire backing list out every time I Add/Remove a Product from the list to overcome this issue. Surely it should be capable of simply redrawing itself correctly?

I attach a Zip with a test project, currently using the latest available NuGet for Telerik.UI.for.Xamarin (2022.2.505.1), and latest Xamarin.Forms NuGet (5.0.0.2478).

Any assistance would be greatly received - thanks.

Want to have the label appear side by side with the input box not above it.

I see in the android native version a labelposition property but no property shows in xamarin forms.

What is the best approach for this using forms.

We will not be switching to the native controls but I do suspect we will never go past android for this internal application, so a solution that makes ios harder would be acceptable.

hi,

I want to ask you about the height of tabviewheaderitem that I set, but it doesn't seem to take effect. It exceeds the height I set. What should I do to keep it at the same height as the green grid? Thank you

Can telerik do this xamarin

 Histogram. Can different columns be clicked and then jump

I have a problem with my RadCalendar. Whenever I create a calendar in Agenda view and populate it with appointments, I get a visual bug that shows a colored square on top of the calendar.  This only happens in iOS and both in real phones and simulations.

Image 1 shows the calendar page without appointments and it loads normally. Image 2 shows the page when calendar is populated with appointments. You can get rid of the square by scrolling either up or down, 'till the square is no longer in view and then going back, this is shown in image 3.  

So far I have found that the color of the square is linked to the Dark/Light mode of the phone. When changing UIUserInterfaceStyle in Info.plist, to "Dark", the square is dark, when Light, it is white.

Dummy Appointment code:

  var date = DateTime.Today;

            this.Appointments = new ObservableCollection<Appointment>
        {
            new Appointment {
                Title = "Meeting with Tom",
                Detail = "Sea Garden",
                StartDate = date.AddHours(10),
                EndDate = date.AddHours(11),
                Color = Color.Tomato
            },
            new Appointment {
                Title = "Lunch with Sara",
                Detail = "Restaurant",
                StartDate = date.AddHours(12).AddMinutes(30),
                EndDate = date.AddHours(14),
                Color = Color.DarkTurquoise
            },
            new Appointment {
                Title = "Elle Birthday",
                StartDate = date.AddHours(9),
                EndDate = date.AddHours(11),
                Color = Color.Orange,
                IsAllDay = true
            },
            new Appointment {
                Title = "Football Game",
                StartDate = date.AddDays(2).AddHours(15),
                EndDate = date.AddDays(2).AddHours(17),
                Color = Color.Green
            },
        };

RadCalendar code:

     private RadCalendar TelerikCalendar()
        {
            LogWriter.LogWrite("Calendar: TelerikCalendar()");

            AgendaViewSettings agendaViewSettings = new AgendaViewSettings
            {
                MonthItemFormat = "MMM yyyy", //"MMM yyyy",
                DayItemFormat = "EEEE d.MMM", //"EEEE d.MMM"
                AppointmentItemTimeFormat = "HH.mm",
                IsHeaderSticky = false,
                StickyHeaderFormat = "MMM yyyy",
            };


            calendar = new RadCalendar
            {
                ViewMode = CalendarViewMode.Agenda,
                HorizontalOptions = LayoutOptions.FillAndExpand,
                VerticalOptions = LayoutOptions.FillAndExpand,
                AgendaViewSettings = agendaViewSettings,
                Margin = new Thickness(0, 0, 13, 0),
                SchedulingUiEnabled = false,
                IsAddAppointmentButtonVisible = false,
                DisplayDate = DateTime.Now,
                AppointmentsSource = this.Appointments,
                BackgroundColor = Color.Black,

            };

            return calendar;
        }