want to bind formatted text on input label

Guest User

4y1.2k.NET

hello,

I am saving data in below format :

12/20/2021 12:44:53 PM
line 4
12/20/2021 11:21:06 AM
line 3
12/17/2021 5:59:08 PMline 212/17/2021 5:46:53 PMline 1

I want to show that data on following label

I am using sql database and mvc

thank you

14 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh4y ago
Accepted answer
for that you don't need to do anything. Just instead of Text() use Html()
$("label[for='lblcd']").html(result.form.RequestorCalledbyVendorRep);
Dirk4y ago
thank you all
Guest User4y ago
Thank you, everyone, for a reply
The issue has been resolved
Rijwan Ansari4y ago
Hi you can try this.
.textarea {
padding: 2px;
width: 250px;
height: 200px;
border: solid 1px #e0e0eb;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
}
<div class="textarea"> @Html.Raw(Model.NOTE) div>
Guest User4y ago
Thank you Sachin
$("label[for='lblcd']").html(result.form.RequestorCalledbyVendorRep);
above solution worked for me
Guest User4y ago
Thank you Sachin for all your help.
Even @@ is not working with Html.Raw
I tried :
$("label[for='lblcd']").text(@Html.Raw(@@result.form.RequestorCalledbyVendorRep));
also this,
$("label[for='lblcd']").text(@Html.Raw(@result.form.RequestorCalledbyVendorRep));

I just want to break that statement , so my next statement start on new line :
12/23/2021 2:38:13 PM -- 2
12/23/2021 2:37:20 PM -- 1

Any other way or alternative to show formatted text on label?
Sachin Singh4y ago
Yes, you are correct, it is actually @ symbol that forces the MVC to think that result is also a razor variable and not a jquery variable, so , try to use @ inside the method also, this is not fool proof , as i have never tested it,
but to use media query inside razor pages we use @@ to neutralize the @.
$("label[for='lblcd']").text(@Html.Raw(@result.form.RequestorCalledbyVendorRep));
Guest User4y ago
hello Sachin,
I have tried that too :
document.getElementById('id06').style.display = 'block';
var [email protected](result.form.RequestorCalledbyVendorRep);

$("label[for='lblcd']").text(res);

but it says - result does not exist in the current context , I think result is not allowed in Html.Raw
Sachin Singh4y ago
do one thing
$.ajax({
url: '@Url.Action("GetIdforVerifyReason", "MkeyAuth")',
type: 'GET',
data: { Id: $(this).children('option:selected').data('id') },
dataType: 'json',
success: function(result)
{
document.getElementById('id06').style.display = 'block';
var res[email protected](result.form.RequestorCalledbyVendorRep);

$("label[for='lblcd']").text(res);
}
});
Guest User4y ago
hello Sachin,
I have tried that too earlier :
$("label[for='lblcd']").text(@Html.Raw(result.form.RequestorCalledbyVendorRep));

but it says - result does not exist in the current context
Sachin Singh4y ago
You can use razor synatx in jquery too
$("label[for='lblcd']").text(@Html.Raw(result.form.RequestorCalledbyVendorRep));
Guest User4y ago
hello Sachin,
I can use Html.Raw directly to show model data, but I am getting Label value from javascript function as result, I want to bind that label to Html.Raw or want to show that formatted text on label. Following is the code that gets lblcd label value :

$.ajax({
url: '@Url.Action("GetIdforVerifyReason", "MkeyAuth")',
type: 'GET',
data: { Id: $(this).children('option:selected').data('id') },
dataType: 'json',
success: function(result)
{
document.getElementById('id06').style.display = 'block';
$("label[for='lblcd']").text(result.form.RequestorCalledbyVendorRep);
}
});
Sachin Singh4y ago
Inside label use @Html.Raw()
ex:-
@Html.Raw("12/20/2021 12:44:53 PMline 412/20/2021 11:21:06 AMline 312/17/2021 5:59:08 PMline 212/17/2021 5:46:53 PMline 1")

// for dynamic
@Html.Raw(Model.YourField)
Srinivasan Ramamoorthi4y ago
Check this link https://stackoverflow.com/questions/62123258/how-to-add-rich-text-or-html-in-label-or-text-field-in-xamarin-forms