How to display line under viewbag if it have null value asp.net mvc ?

Question

How to display line under viewbag if it have null value asp.net mvc ?

Ahmed Abd El Aziz 315

I work on asp.net MVC I face issue line under text not display when model property value is null or empty

i need to display line below if it exist or not

so user will see line with no value when view bag is null

and if it have value it will display line below

what i try as below :

.requestInfo-flex-div-1 {
    width: 37mm;
}

 <div class="flex" style="margin-top:-10px;">

            <div class="requestInfo-flex-div-1">
                <label style="width: 20mm; border-bottom: solid 1px black; text-align: center;">@ViewBag.Solicitations </label>
            </div>
            <div style="margin-left:-100px;">
                Solicitations of Customer
            </div>

            <div style="margin-left:10px;">
                <label style="width: 20mm; border-bottom: solid 1px black; text-align: center;">@ViewBag.Restrictions</label>
            </div>
            <div style="margin-left:10px;">
                Restrictions on Solicitations of Employee
            </div>


        </div>

2 answers

Your answer

Answer 1

AgaveJoe 30,036

You did not share how the ViewBag is populated. If a ViewBag property has a null value then just write an "if" condition that checks for null.

<div class="requestInfo-flex-div-1">
    <label style="width: 20mm; border-bottom: solid 1px black; text-align: center;">@ViewBag.Solicitations </label>
</div>
@if (@ViewBag.Solicitations != null)
{
    <div style="margin-left:-100px;">
        Solicitations of Customer
    </div>
}

Razor syntax reference for ASP.NET Core

Selection statements - if, if-else, and switch

Ahmed Abd El Aziz 315 Reputation points

2023-10-16T20:16:25.9233333+00:00

no not that what i mean

what i mean

if view bag have value as 5 so it will be

5

but if view bag not have value meaning null or empty

then

it will not show line below

so my question how to display line below

-------- when view bag is null or empty
AgaveJoe 30,036 Reputation points

2023-10-16T20:49:00.64+00:00
There are no lines in your code example! You have <div> elements which are block elements. I think the actual problem is the <div> exists but there is no height (which you call a line) because the content is empty.

Write "if" condition to add a non breaking space ( ) or set the div height using CSS.

<div>div 1 content</div> <div>@(ViewBag.Solicitations == null ? Html.Raw(" ") : ViewBag.Solicitations)</div> <div>div 2 content</div> <div>div 3 content</div> <div style="min-height:1em;">@ViewBag.Solicitations</div> <div>div 4 content</div>

You could also use other standard HTML elements like the <p> which is a paragraph.

<p>paragragh 1</p> <p></p> <p>paragragh 2</p>

As recommended in your other thread, learning basic HTML and CSS will help a lot when trying to design web page layouts.

HTML Tutorial

Answer 2

Hi @Ahmed Abd El Aziz

<style>
    .requestInfo-flex-div-1 {
        width: 37mm;
    }

</style>
 <div class="flex" style="margin-top:-10px;">

     <div class="requestInfo-flex-div-1">
         @if (@ViewBag.Solicitations != null)
         {
             <label style="width: 20mm; border-bottom: solid 1px black; text-align: center;">@ViewBag.Solicitations </label>
         }
         @if (@ViewBag.Solicitations == null)
         {
             <label >@ViewBag.Solicitations </label>
         }
        
     </div>
            <div style="margin-left:10px;">
                Solicitations of Customer
            </div>

            <div style="margin-left:10px;">
                @if (@ViewBag.Restrictions != null)
                {
                    <label style="width: 20mm; border-bottom: solid 1px black; text-align: center;">@ViewBag.Restrictions  </label>
                }
                @if (@ViewBag.Restrictions == null)
                {
                    <label>@ViewBag.Restrictions s </label>
                }
            </div>
            <div style="margin-left:10px;">
                Restrictions on Solicitations of Employee
            </div>


        </div>

The line is the style of the label. When you don't have data, don't reference style. Case3

Best regards,
Qi You

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Share via

How to display line under viewbag if it have null value asp.net mvc ?

2 answers

Your answer