This is a migrated thread and some comments may be shown as answers.

Kendo ui progress with Text

5 Answers 210 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Neeraj
Top achievements
Rank 1
Veteran
Neeraj asked on 18 Dec 2019, 04:58 AM
Hello,
        I am looking for Kendo ui progress with Custom text to be shown below loading image. How that can be achieved.  This ui progress link shows only replacement with other text or image . Not combination of both . Custom text to be shown below image

5 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 19 Dec 2019, 11:55 AM

Hello,

The provided link does not navigate, but judging by the description, I believe it should point to progress api examples.
The second example shows how to hide the loading image and replace only text. By commenting the rule for hiding and changing the text position, we may have both text and image at the same time - Dojo snippet with comments. I am pasting the important part here as well:

/* By default the text is hidden, re-position the text */
span.k-loading-text
{
    text-indent: 0;
    top: 50%;
    left: 55%; /* place the text at 55% - to the right of the loading image */
    background-color: #0F0;
}

/* Used for hiding the loading image, so we comment it to show the image */
/*
div.k-loading-image
{
    display: none;
}
*/

 

Regards,
Dimitar
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Neeraj
Top achievements
Rank 1
Veteran
answered on 24 Dec 2019, 10:29 AM
Hello,
           I want the Text to be below the loading image and centered
0
Plamen
Telerik team
answered on 26 Dec 2019, 07:12 AM

Hi,

I have updated the dojo so the text is below the loading image and in the center - https://dojo.telerik.com/@zdravkov/AHatoKis

Regards,
Plamen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Neeraj
Top achievements
Rank 1
Veteran
answered on 27 Dec 2019, 05:12 AM
Hello, when i select "Show loading indicator for whole page" it is not proper. and in indicator over container its slightly towards left . doesnt look centre. Irrespective of text length it should be centered below loading image
0
Plamen
Telerik team
answered on 27 Dec 2019, 09:10 AM

Hi,

We could use flexbox and justify content as for example in this dojo - https://dojo.telerik.com/@zdravkov/AHatoKis/4

Regards,
Plamen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
General Discussions
Asked by
Neeraj
Top achievements
Rank 1
Veteran
Answers by
Dimitar
Telerik team
Neeraj
Top achievements
Rank 1
Veteran
Plamen
Telerik team
Share this question
or