Having trouble getting help?
Contact Support
Contact Support
Underline a character in the item text
22 Mar 20222 minutes to read
To underline a particular character in a text, it can be handled in beforeItemRender
event by adding <u>
tag in between the text and given as innerHTML in li
rendering.
<div id="contextmenutarget">Right click/Touch hold to open the ContextMenu </div>
<ejs-contextmenu id="contextmenu" target="#contextmenutarget" items="ViewBag.menuItems" beforeItemRender="beforeItemRender"></ejs-contextmenu>
<script>
function beforeItemRender(args) {
if (args.item.text === "Copy") {
args.element.innerHTML = '<u>C</u>opy';
}
}
</script>
<style>
#contextmenutarget {
border: 1px dashed;
height: 250px;
padding: 10px;
position: relative;
text-align: center;
color: gray;
line-height: 17;
font-size: 14px;
}
</style>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
namespace WebApplication1.Controllers
{
public class ContextMenuController : Controller
{
public ActionResult Underline()
{
List<object> menuItems = new List<object>();
menuItems.Add(new
{
text = "Cut"
});
menuItems.Add(new
{
text = "Copy"
});
menuItems.Add(new
{
text = "Paste"
});
ViewBag.menuItems = menuItems;
return View();
}
}
}