Color Picker - no format prop (for hex values)

[Dan]

I see here https://www.telerik.com/kendo-vue-ui/colorpicker that the screen shot of the component shows there is a hex value being displayed.

I also see on the jQuery variant there is a parameter which you can pass to show hex instead of RGB. - https://demos.telerik.com/kendo-ui/colorpicker/rgb-hex

On the Vue version the prop for format is non existent. Is there a way to get the hex value to be displayed at all?

on another note is it possible to disable the Alpha slider at all?

[Konstantin Dikov]

Hi Dan,

Thank you for contacting us.

The Kendo UI for Vue  ColorPicker has multiple input modes and one of them is HEX. The modes can be changed by clicking on the up-down arrows next to the color input in the Gradient view:

• https://codesandbox.io/p/sandbox/aged-fast-wf8svv?file=%2Fsrc%2Fmain.vue%3A3%2C22

Currently, the default input mode is RGB and I have to say that there is no option for changing it.

As for removing the alpha slider, you can set the "gradientSettings" "opacity" property to "false":

      <ColorPicker
        :view="'gradient'"
        :default-value="'green'"
        :gradient-settings="gradientSettings"
      />
    </div>
  </div>
</template>
<script>
import { ColorPicker } from "@progress/kendo-vue-inputs";

export default {
  components: {
    ColorPicker,
  },
  data() {
    return {
      value: "#008000",
      gradientSettings: {
        opacity: false,
      },

• https://www.telerik.com/kendo-vue-ui/components/inputs/api/ColorGradientProps/

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik