Buttons positioning in Safari on Windows

[virt]

Hello,

There is something wrong with the positioning of the "Right Scroll" button in the Safari on Windows. You can see it on your sample projects here - http://demos.telerik.com/aspnet-ajax/rotator/examples/default/defaultcs.aspx - it is being positioned within content area. You can also checked attached screenshot.

Please let me know how this can be fixed.

Thank you,
Andrei

[virt]

Can't find how to attach screenshot to the post. But the problem can be seen on the Demo site at the link I've provided.

[Fiko]

Hi Virt,

You cannot not attach files in the forum threads, but in case that you need to send us files you could open a new support thread and attach them there.

In reference to the main issue:

We are aware of the button positioning problem under Safari and Chrome and we already logged it in our database. We will do our best to fix it as soon as possible in one of the further releases, but for the time being, we implemented a workaround of  this issue in a project. Please find it attached it to the thread and let us know how it goes
 
I hope this helps.

All the best,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[virt]

Fiko,

Thank you for your reply,

a.

[Alex I.]

I have the same problem, and the solution above does not work with skins like Sitefinity and Windows7. With the Default skin it loads fine, but if I hover my mouse over some other controls on the page (in my case a tab control), the right rotator button suddenly jumps further to the right (probably by 16px), so all of a sudden there is a large space between the image and the right button.

This happens only in Chrome although I did not test Safari.

Is there a better solution that works with all skins?

[Fiko]

Hi Alex I.,

I recommend you add an important! statement in the solution provided in my previous reply. The code should looks like this:

<style type="text/css">
    @media screen and (-webkit-min-device-pixel-ratio:0)
    {
        .rrButtonRight
        {
            margin-right: -18px !important;
        }
    }
    .rotImage
    {
        width: 100px;
        height: 100px;
    }
</style>

I hope this helps.

Kind regards,
Fiko
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.