RadToggleSwitch

[madhu]

hi ,

how can I remove all the boarders of toggleswitch and I want to change its value only by dragging not by clicking. Is it possible?

[Todor]

Hi,

Thank you for writing.

RadToggleSwitch has three main elements: OnElement, OffElement and Thumb. To remove their you need to set their DrawBorder properties to false.

this.radToggleSwitch1.ToggleSwitchElement.DrawBorder = false;
this.radToggleSwitch1.OnElement.DrawBorder = false;
this.radToggleSwitch1.OffElement.DrawBorder = false;
this.radToggleSwitch1.Thumb.DrawBorder = false;

You can also use Visual Style Builder to edit RadToggleSwitch appearance. See attached image.

We find the option to change between click and drag-drop mode a reasonable functionality. This is why I have logged this as a feature request in our feedback portal. You can track its progress, subscribe for status changes and add your vote/comment to it on the following link - feedback item. I have also updated your Telerik points.

For the time being, you can subscribe to the MouseDown and ValueChanging events of RadToggleSwitch and check if mouse position has changed.

bool isMouseDown = false;
Point mousePosition;

void radToggleSwitch1_MouseDown(object sender, MouseEventArgs e)
{
    this.isMouseDown = true;
    this.mousePosition = Control.MousePosition;
}

void radToggleSwitch1_ValueChanging(object sender, ValueChangingEventArgs e)
{
    int initialX = this.mousePosition.X;
    int currentX = Control.MousePosition.X;
    int dragOffset = SystemInformation.DragSize.Width;
    if (currentX >= initialX - dragOffset &&
        currentX <= initialX + dragOffset)
    {
        e.Cancel = true;
    }

    this.isMouseDown = false;
    this.mousePosition = Point.Empty;
}

I hope this information helps.

Regards,
Todor Vyagov
Telerik