Ярлыки со сложенными гиперссылками - PullRequest
Новая
       11

Ярлыки со сложенными гиперссылками

0 голосов
/ 31 октября 2018

Я пытаюсь добавить гиперссылки на мой ярлык. Мне бы хотелось, чтобы каждая гиперссылка была на новой строке, но у меня возникли проблемы с тем, чтобы они отображались одна над другой. Каждый раз, когда я пытаюсь добавить гиперссылку, она появляется рядом с меткой, а не под ней. Как мне получить его так, чтобы он накладывался один на другой?

Ниже приведен код, который у меня сейчас есть, и как он выглядит.

what it looks like now

<div class="form-group">
        <div>
            @Html.LabelFor(model => model.ManagerComment, htmlAttributes: new { @class = "control-label col-md-2" })
            <input value="Meeting Scheduled" class="btn btn-link" onclick="location.href='@Url.Action("MeetingSch", "Strategy", new {id = Model.StrategyId})'" />
        </div>
        <div class="col-lg-9">
            @Html.TextAreaFor(m => m.ManagerComment, 100, 50, new { id = "questionInput", maxlength = 1000, style = "width: 100%; max-width: 100%" })
            <div id="charsLeft"></div>
            <div class="col-lg-3">
                <p style="white-space: pre-line">
                    <input value="New Update" class="btn btn-default" onclick="location.href='@Url.Action("Update", "Strategy", new {id = Model.StrategyId})'" />
                </p>
            </div>
        </div>
    </div>

А ниже я хочу, чтобы это выглядело так: enter image description here

1 Ответ

0 голосов
/ 31 октября 2018

С помощью Bootstrap вы можете добавить одну строку на ссылку в этом столбце. Ваш вопрос не показывает, как вы генерируете ссылки, но с точки зрения стилей вы можете сделать что-то вроде этого: 

<div class="form-group">
    <div class="col-lg-3">
        <div class="row">
            @Html.LabelFor(model => model.ManagerComment, htmlAttributes: new { @class = "control-label col-md-2" })
        </div>
        <!--iterate to render links like this-->
        <div class="row">
            @Html.ActionLink("Meeting Scheuduled", "MeetingSch", "Strategy", new { id = Model.StrategyId, @class="col-md-12" })
        </div>
        <div class="row">
            @Html.ActionLink("Meeting Scheuduled 2", "MeetingSch", "Strategy", new { id = Model.StrategyId, @class = "col-md-12" })
        </div>
        <!--end-->
    </div>
</div>

По умолчанию ссылки являются встроенными элементами, которые передаются вместе с текстом на этой странице. Чтобы сложить эти ссылки, вы можете добавить разрывы строк. В противном случае используйте блочные элементы в качестве контейнера для ссылок, как я делал в приведенном выше примере кода.

...