Telerik Forums
Kendo UI for Angular Forum
0 answers
191 views

I have a question regarding KendoToolbar which I am using in combination with KendoEditor.

My project doesn't have a Kendo theme installed so when buttons are pressed they don't change color. 

When i try to change it with css I wasnt able to do it because buttons are represented as <span> HTML element with <i> element inside and :active css atribute only fires when the button is clicked but the color doesn't stay when the button is u pressed.

How can i toggle the button color on press?

Sven
Top achievements
Rank 1
 updated question on 27 Aug 2022
1 answer
1.4K+ views

Hello, how do i change the default font that is displayed in the KendoAngularEditor component. 
I know there is a way to switch fonts with the toolbar but i want to set the default font when user first sees the page.

There are some solutions for JQuery but i can't seem to find any for angular

Thanks in advance.

Hetali
Telerik team
 answered on 26 Aug 2022
0 answers
146 views

For a Radar Chart, is it possible to "fill in" the area inside a series with a semi-opaque color? If so, how would I do that?

Thanks.

Dan
Top achievements
Rank 1
 asked on 26 Aug 2022
1 answer
718 views

Hi,

Is there a way to select the first row when we move from one page to another in kendo grid angular.

We have a requirement where we show some details of the data when a row is selected. IT is easy to do when the first time the grid is loaded. But when we move to another page using pagination functionality, no row is selected (grid default behavior). 

How do we select the first row when we move from one page to another programmatically?

Regards,

Jyothi

Hetali
Telerik team
 answered on 26 Aug 2022
0 answers
131 views

Hi there,

Is there any way to configure components globally? It is frustrating that I need to configure each instance of a component.

Right now, I have custom directives that I apply to each instance of a Kendo Angular component in order to configure it, but it would make much more sense to have some sort of global config.

Thank you.

 

Stephen
Top achievements
Rank 1
 asked on 26 Aug 2022
0 answers
144 views

Is there a way to set the rounded border or set the width to the 100% stacked bar graph? If the the breakdowns is greater than 3% I am able to get the rounded corners but if it is less than that it isn't showing up. As I add visual to the last element and the last element is small say 0.5%.

 

Just thinking if we can set the minimum width to each splitups?

 

Attaching image for reference.

Kiruthika
Top achievements
Rank 1
 asked on 25 Aug 2022
0 answers
184 views

I have a line chart for signal strength values.

I know the value axis defaults to showing up to 0.  But is there a way to get it to force show a range? Like something from like -120 to -70 instead?  This way the RSRP values show all the strength options, like Excellent, Good, Fair, Poor, etc?

Thanks!!

Alex
Top achievements
Rank 1
 asked on 25 Aug 2022
0 answers
138 views

I am using the kendo editor and I am wondering if there is a way to highlight the text programmatically. I know that I can use:

editor.exec("backColor", "#FFFFFF");
and this will highlight the selected text, but I want to highlight between two markers in the document automatically. Is there a way I can maybe set editor.selectionText = "text I want to highlight" or pass in some kind of index to editor.exec("backColor"). Right now I am getting around this problem by surrounding the text with a div but that creates its own problems.
Scott
Top achievements
Rank 1
Iron
 asked on 24 Aug 2022
1 answer
133 views

I am using the kendo editor to allow users to insert custom html images directly into their document by clicking inside the doc. I do this by calling:

        editor.exec('insertText', { text: '#C#' });

 and then replacing that text with an img element: 

"<img src='../../../../assets/Artwork/Tag-Orange.svg' title='' height='15.25' id='' class='save_image_tag' />"

My problem is two fold: Whenever the user clicks in the editor to insert an image, the kendo editor shows a resizing box around the image:


I don't want this box to appear at all. In addition, even when the contenteditable is set to false for the editor, the user can still click on the images and a box around it will appear. I would like to prevent this from happening. Is this possible?

Scott
Top achievements
Rank 1
Iron
 answered on 24 Aug 2022
0 answers
192 views
In kendo-editor has issue in arabic language about backspace not working 
if i focused for first time on it working fine but if i focused in any input then focused on it not working 
trying to add any event to catch backspace but event not working .
Thanks
My code 
      <kendo-editor (valueChange)="textChange($event,isArabic)" [value]="mainText"
        [class.n-editor--primary]="primaryBorder">
        <kendo-editor-messages [createLink]="'insertLink' | translate " [dialogCancel]="'Cancel' | translate"
          [dialogInsert]="'insert' | translate" [linkText]="'text' | translate" [linkTitle]="'Title' | translate"
          [linkOpenInNewWindow]="'openLinkInNew' | translate" [linkWebAddress]="'webAddress' | translate">
        </kendo-editor-messages>
        <kendo-toolbar>
          <kendo-toolbar-buttongroup>
            <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
          </kendo-toolbar-buttongroup>
          <kendo-toolbar-colorpicker [paletteSettings]="{palette:'basic' , columns:5}" kendoEditorForeColor>
          </kendo-toolbar-colorpicker>
          <kendo-toolbar-buttongroup>
            <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
          </kendo-toolbar-buttongroup>
        </kendo-toolbar>
      </kendo-editor>

eventIsCreated: boolean;
setTexts() {
    this.mainText = this.isArabic ? this.textModel.textAr : this.textModel.textEn;
  }
  public textChange(event, isArabic) {
    event = event.replace("/href/g", "appExternalUrl [href]");
    if (!this.eventIsCreated) {
      this.eventIsCreated = true;
    }
    if (isArabic) {
      this.textModel.textAr = event;
    }
    else {
      this.textModel.textEn = event;
    }
  }
Mohamed
Top achievements
Rank 1
 asked on 24 Aug 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?