Fast Report Toolbar

Comments

• ipong

  March 2018 edited March 2018

  not supported
• Mohamed Gahlan

  March 2018 edited 8:15AM

  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.

  RTl.png 24.2K
• ipong

  March 2018 edited 8:15AM

  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:15AM

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

  March 2018 edited 8:15AM

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

  March 2018 edited 8:15AM

  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;*/
  }
  

  Untitled.png 105.7K
• Mohamed Gahlan

  April 2018 edited 8:15AM

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