Rank: Advanced Member
Groups: Registered
Joined: 5/18/2018(UTC)
Posts: 40
Thanks: 2 times
|
We are having an issue with the 'scroll to top' arrow where it is covering the totals of the report.
Is there a way to turn that feature off in version 4.1?
|
|
|
|
|
|
Rank: Administration
Groups: Administrators
Joined: 12/20/2013(UTC) Posts: 1,209  Thanks: 14 times
Was thanked: 206 time(s) in 199 post(s)
|
Yes weird issue, you cannot resize the window (is it on a mobile) ? No direct option in 4.1 but you can edit your root view: Select your root view and edit the custom template: At the e, just remove the html lines: Code: <!--back to top-->
<a id="back-to-top" href="#" class="btn btn-warning btn-lg back-to-top" role="button" title="@report.Translate("Back to top")" data-toggle="tooltip" data-placement="top">
<span>Δ</span>
</a>
and you won't see the back to top anymore for this report. could be an enhancement for next release.
|
|
|
|
|
|
Rank: Advanced Member
Groups: Registered
Joined: 5/18/2018(UTC)
Posts: 40
Thanks: 2 times
|
It's not on mobile. If there isn't a page selector element at the bottom of the screen it looks like this: https://i.imgur.com/umnoKou.pngYou can't scroll past it, and the only workaround is to go into the browser and hide the element.
|
|
|
|
|
|
Rank: Administration
Groups: Administrators
Joined: 12/20/2013(UTC) Posts: 1,209 Thanks: 14 times
Was thanked: 206 time(s) in 199 post(s)
|
Another better way to hide this is to set the property 'Additional JavaScript' of your main view to Code:$(document).ready(function () {
$("#back-to-top").attr("id","back-to-top2");
});
Yes, I got the issue, we will solve this in the next release (perhaps hide the back top top after a few seconds) Edited by user Wednesday, March 20, 2019 1:38:39 PM(UTC)
| Reason: Not specified
|
|
|
|
|
|
Rank: Administration
Groups: Administrators
Joined: 12/20/2013(UTC) Posts: 1,209 Thanks: 14 times
Was thanked: 206 time(s) in 199 post(s)
|
The issue is consider as a bug #125, it will be solved like this: Report.cshtml: Code: <!--back to top-->
<a id="back-to-top" href="#" class="btn btn-warning btn-lg back-to-top" role="button" title="@report.Translate("Back to top")" data-toggle="tooltip" data-placement="top">
<span>Δ</span>
<span id="back-to-top-close" style="top:0px;right:4px;font-size: 14px;position: absolute;">×</span>
</a>
common.js: Code: //back to top
$(window).scroll(function () {
if ($(this).scrollTop() > 50) $('#back-to-top').fadeIn();
else $('#back-to-top').fadeOut();
});
$('#back-to-top').click(function () {
$('#back-to-top').tooltip('hide');
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
$('#back-to-top-close').click(function () {
$('#back-to-top').tooltip('hide');
$('#back-to-top').fadeOut();
return false;
});
if (!printLayout) $('#back-to-top').tooltip('show');
So you can check the fix if it is ok.... Edited by user Thursday, March 21, 2019 9:40:21 AM(UTC)
| Reason: Not specified
|
 1 user thanked epf for this useful post.
|
|
|
|
Rank: Advanced Member
Groups: Registered
Joined: 5/18/2018(UTC)
Posts: 40
Thanks: 2 times
|
The patch in #5 worked. It created a way to close out the arrow.
However, I've just commented it out in the report.chtml for now.
Thanks for your assistance as always.
|
|
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.
