Home Pictures of Buttons not appearing in Razor
Reply: 0

Pictures of Buttons not appearing in Razor

user42989
1#
user42989 Published in September 20, 2018, 4:34 pm

I was following a tutorial on a Multiselect list box with two buttons but the buttons, which should be -> and <- are not appearing.

I have the fonts saved in my folder that are referenced and the js file that was in the tutorial is saved.

<div class="row">
        <div class="col-md-2">&nbsp;</div>
        <div class="form-group col-md-4">
            <label class="control-label">Assigned Ceremonies</label>
            @Html.ListBox("selectedOptions", (MultiSelectList)ViewBag.SelectedCeremonies, new { @class = "form-control" })
        </div>
        <div class="form-group col-md-1">
            <div class="form-group">
                <button type="button" id="btnRight" class="btn btn-warning btn-lg">
                    <span class="glyphicon glyphicon-arrow-right"></span>
                </button>
            </div>
            <div class="form-group">
                <button type="button" id="btnLeft" class="btn btn-success btn-lg">
                    <span class="glyphicon glyphicon-arrow-left"></span>
                </button>
                <div></div>
            </div>
        </div>
        <div class="form-group col-md-4">
            <label class="control-label">Available Ceremonies</label>
            @Html.ListBox("availOptions", (MultiSelectList)ViewBag.AvailCeremonies, new { @class = "form-control" })
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" id="btnSubmit" value="Save" class="btn btn-default" />
        </div>
    </div>
</div>
}


<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/multisel")
}

Anyone have any similar problems with Razor or am I just missing an image?

share|improve this question
  • 1
    You need the Fonts and the CSS. "Bootstrap assumes icon font files will be located in the ../fonts/ directory, relative to the compiled CSS files." (Form docs). I don't know where your bootstrap.min.css is located, you'll need to reference this also in your HTML. – thmshd Feb 13 at 14:47

active oldest votes

Your Answer

StackExchange.ifUsing("editor", function () { StackExchange.using("externalEditor", function () { StackExchange.using("snippets", function () { StackExchange.snippets.init(); }); }); }, "code-snippets"); StackExchange.ready(function() { var channelOptions = { tags: "".split(" "), id: "1" }; initTagRenderer("".split(" "), "".split(" "), channelOptions); StackExchange.using("externalEditor", function() { // Have to fire editor after snippets, if snippets enabled if (StackExchange.settings.snippets.snippetsEnabled) { StackExchange.using("snippets", function() { createEditor(); }); } else { createEditor(); } }); function createEditor() { StackExchange.prepareEditor({ heartbeatType: 'answer', convertImagesToLinks: true, noModals: false, showLowRepImageUploadWarning: true, reputationToPostImages: 10, bindNavPrevention: true, postfix: "", onDemand: true, discardSelector: ".discard-answer" ,immediatelyShowMarkdownHelp:true }); } });
 
StackExchange.ready( function () { StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f48769110%2fpictures-of-buttons-not-appearing-in-razor%23new-answer', 'question_page'); } );

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged c# asp.net-mvc razor or ask your own question.

StackExchange.ready(function(){$.get('/posts/48769110/ivc/af20');});
StackExchange.ready(function () { StackExchange.responsiveness.addSwitcher(); }) (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m); })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); StackExchange.ready(function () { StackExchange.ga.init({ sendTitles: true, tracker: window.ga, trackingCodes: [ 'UA-108242619-1' ] }); StackExchange.ga.setDimension('dimension2', '|c#|asp.net-mvc|razor|'); StackExchange.ga.setDimension('dimension3', 'Questions/Show'); StackExchange.ga.trackPageView(); }); /**/ var _qevents = _qevents || [], _comscore = _comscore || []; (function() { var ssl = 'https:' == document.location.protocol, s = document.getElementsByTagName('script')[0], qc = document.createElement('script'); qc.async = true; qc.src = (ssl ? 'https://secure' : 'http://edge') + '.quantserve.com/quant.js'; s.parentNode.insertBefore(qc, s); _qevents.push({ qacct: "p-c1rF4kxgLUzNc" }); /**/ var sc = document.createElement('script'); sc.async = true; sc.src = (ssl ? 'https://sb' : 'http://b') + '.scorecardresearch.com/beacon.js'; s.parentNode.insertBefore(sc, s); _comscore.push({ c1: "2", c2: "17440561" }); })();
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.30183 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO