prasanna p

prasanna p

  • 1.7k
  • 344
  • 51.5k

how to hide particular element in the V-layout --- Vue

Oct 14 2021 11:11 AM

hi Friends 

how to hide Twitter anchor tag in the following design?


@model IdentityServer.ViewModels.Account.LoginViewModel
 

<v-layout justify-center align-content-center>
    <v-flex xs8 mt-5 mb-5>
        <v-layout grid-container login-container>
            <v-flex text-center left-shadow>
                <img src="~/images/logo.png" class="logo" />
                
            </v-flex>
            <v-flex pt-5 right-shadow>
                <v-flex class="xs12 md8 offset-md-2">
                    <form asp-controller="Account" asp-action="Login" asp-route-returnurl="@Model.ReturnUrl" method="post" class="form-horizontal">
                        <v-layout justify-center>
                            <h5 style="color: #007AFF;font-size: 30px;margin-top:30px;">Log In</h5>
                        </v-layout>

                        <br />
                        <div>
                            <div class="form-group" style="font-weight:normal;width:100%;padding-left:10px;padding-right:10px;margin-bottom: 25px;">
                                @*<label for="email">Email</label>*@
                                <input type="email" asp-for="Email" id="Email" placeholder="Email" class="col-12 form-control" />
                                <span asp-validation-for="Email" class="text-danger"></span>
                            </div>
                            <div class="form-group" style="font-weight:normal;width:100%;padding-left:10px;padding-right:10px;">
                                @*<label for="pwd">Password:</label>*@
                                <input type="password" asp-for="Password" placeholder="Password" class="col-12 form-control" id="pwd" />
                                <span asp-validation-for="Password" class="text-danger"></span>
                            </div>
                          

                        </div>
                        <v-layout justify-end style="font-weight:normal;padding: 0 10px">
                          
                            <div justify-center style="font-weight:normal;float:right;width:50%;text-align: right">
                                <a asp-action="Register" asp-route-role="Professional" style="color:#a3a3a3;font-size:12px;">Not a Member yet?</a>
                            </div>
                        </v-layout>
                        <div style="font-weight:normal;width:100%;padding-left:10px;padding-right:10px;margin-top: 15px;margin-bottom:10px">
                            <span class="text-danger">@Html.ValidationSummary(true)</span>
                        </div>
                        <div style="text-align: center;">
                            <button class="btn btn-primary btn-block" type="submit" style="background-color: #F5740E;border: none;height: 60px;border-radius: 6px;width: 180px;font-size: 16px;font-weight: bold;color:#fff;margin: 30px 5px">
                                Sign In
                            </button>
                            <div class="text-center" style="font-size: 12px;font-weight: normal;color: #666;">or with</div><br />
                        </div>
                        <v-layout justify-center style="font-weight:normal;">

                            <v-layout justify-center>
                                <a style="margin: 5px 10px"
                                   asp-action="ExternalLogin"
                                   asp-route-role="Professional"
                                   asp-route-provider="Facebook"
                                   asp-route-returnUrl="@Model.ReturnUrl">
                                    <img src="~/images/facebook32b.png" />
                                </a>
                                <a style="margin: 5px 10px"
                                   asp-action="ExternalLogin"
                                   asp-route-role="Professional"
                                   asp-route-provider="Twitter"
                                   asp-route-returnUrl="@Model.ReturnUrl">
                                    <img src="~/images/twitter32b.png" />
                                </a>
                                <a style="margin: 5px 10px"
                                   asp-action="ExternalLogin"
                                   asp-route-role="Professional"
                                   asp-route-provider="Google"
                                   asp-route-returnUrl="@Model.ReturnUrl">
                                    <img src="~/images/gplus32b.png" />
                                </a>
                                <a style="margin: 5px 10px"
                                   asp-action="ExternalLogin"
                                   asp-route-role="Professional"
                                   asp-route-provider="LinkedIn"
                                   asp-route-returnUrl="@Model.ReturnUrl">
                                    <img src="~/images/linkedin32b.png" />
                                </a>
                            </v-layout>
                        </v-layout>
                        <v-layout justify-center style="font-weight:normal;">
                            <button class="btn btn-primary btn-block" type="submit" style="background-color:rgb(0,171,173);border:none;display:none;">
                                Continue as Guest
                            </button>
                        </v-layout>
                        <br />

                    </form>
                </v-flex>
            </v-flex>
        </v-layout>
    </v-flex>
</v-layout>


@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
}