Fast Report Toolbar

Comments

• ipong

  March 2018 edited March 2018

  not supported
• Mohamed Gahlan

  March 2018 edited 8:30AM

  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

  March 2018 edited 8:30AM

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

  March 2018 edited 8:30AM

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

  March 2018 edited 8:30AM

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

  March 2018 edited 8:30AM

  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

  March 2018 edited March 2018

  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

  April 2018 edited 8:30AM

  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);
  }