Fast Report Toolbar

Mohamed Gahlan

Can i change report toolbar direction from LTR to RTL in .net core.

ipong

not supported

Mohamed Gahlan

Is there any solution for this issue for report toolbar in RTL direction in .net core?

the arrows is not in the correct direction if page direction is RTL.

ipong

intercept htmlstring and replace with your own icon, remember, RTL is not currently implemented, use workaround at your risk

Mohamed Gahlan

Can i make next page and previous page buttons and print outside report in .net core?

ipong

experiment yourself with fr library, but you're looking the hard way

Mohamed Gahlan

ipong wrote: »

intercept htmlstring and replace with your own icon, remember, RTL is not currently implemented, use workaround at your risk

Please give me an example for this issue solution

ipong

use css skill, as I said before, you must intercept html string, resultant from webreport.RenderSync().Value

I just modified the css (see: *** NEW ***)

.fr18cca88e053a48cbaf3347c3879a86fe-toolbar {
    direction: rtl;    *** NEW ***
    flex-shrink: 0;
    font-family: Verdana,Arial,sans-serif;
    background-color: #f1f1f1;
    box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2);
    display: flex;
    /* flex-wrap: wrap; */
    width: 100%;
    position: relative;
    z-index: 2;
    /*min-width: intrinsic;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;*/
}

Mohamed Gahlan

ipong wrote: »

use css skill, as I said before, you must intercept html string, resultant from webreport.RenderSync().Value

I just modified the css (see: *** NEW ***)

.fr18cca88e053a48cbaf3347c3879a86fe-toolbar {
    direction: rtl;    *** NEW ***
    flex-shrink: 0;
    font-family: Verdana,Arial,sans-serif;
    background-color: #f1f1f1;
    box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2);
    display: flex;
    /* flex-wrap: wrap; */
    width: 100%;
    position: relative;
    z-index: 2;
    /*min-width: intrinsic;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;*/
}

Thanks I can do it like this:

img[src^="/_fr/resources.getResource?resourceName="] {
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}