1 Reply Latest reply on Dec 29, 2017 7:55 PM by pmartin

    Add Transparency Property in Shape (rectangle, circle, ellipse) PI Vision

    Wesley.Carvalho

      Good afternoon, I'd like to add other Shape's aso properties, I'm basically trying to blur the transparency of them. Could someone help me with this?

      A property set with this one from the rectangle below.

       

      Transparency.PNG

        • Re: Add Transparency Property in Shape (rectangle, circle, ellipse) PI Vision
          pmartin

          I like this idea. I feel like I'll find it useful for my own displays

           

          Anyway, here's how to do it:

          In PIVision\Scripts\app\editor\configuration\color-picker-template.html add k-opacity="true" to the kPicker element:

          <div style="margin-bottom:-2px;" tabindex="-1"
              kendo-flat-color-picker="kPicker"
              k-opacity="true"
              k-preview="true"
              ng-keydown="$event.keyCode == 13 && setColor(kPicker.value())">
          </div>
          

           

          In PIVision\Scripts\app\editor\configuration\PIVisualization.color-picker.js change:

          scope.currentColor = scope.noColor ? color : kColor.toCss();
          

          to

          scope.currentColor = scope.noColor ? color : kColor.toCssRgba();
          

           

          Now your color picker should have this component with the alpha slider:

          3 of 3 people found this helpful