Format text returned from JSON with line breaks

[Carl]

Hello Kendo,

I have a ToolTip widget that is receiving data returned from a JSON call. Here is the data call:

public JsonResult GetCountsForSessions(int Id)
        {
           //hard coded data call for testing
            string CountsForSessions = Id.ToString() +  "<br />";
            CountsForSessions += "Item 1 info <br />";
            CountsForSessions += "Item 2 Info <br />";            
            return this.Json(CountsForSessions, JsonRequestBehavior.AllowGet);            
        }

The ToolTip does display the correct data, but the <br> tags are ignored and the resulting text displayed in the ToolTip looks like:

"1077 \u003cbr /\u003eItem 1 info\u003cbr /\u003eItem 2 Info3 \u003cbr /\u003e"

With no like breaks. My goal is to get the data to display in the ToolTip like:

1077
Item 1 info
Item 2 Info

How can  achieve this formatting? Thanks for the help,

Carl

[Alexander Popov]

Hi Carl,

I am afraid that displaying JSON data is not supported out of the box. Although this behavior could be achieved using a custom solution, I would recommend you to use partial views, as demonstrated here. Your code might look like this: 

//The Controller:
        public ActionResult GetItemsInfo()
        {
            ViewBag.ID = 123;
            ViewBag.items = new[] {
                "Item 1 info",
                "Item 2 info",
                "Item 3 info",
            };
            return PartialView();
        }

//The GetItemsInfo.cshtml partial view:
    @(ViewBag.id) <br />
    @foreach (var item in ViewBag.items){
            @item <br />
    }

//The view:
@(Html.Kendo().Tooltip()
    .For("#...")
    ....
    .LoadContentFrom("GetItemsInfo", "Tooltip")
)

Regards,
Alexander Popov
Telerik

[Carl]

Hi Alexander,

Thanks for the reply and the suggested solution. I implemented your idea and all works well. 

Thanks again,

Carl