I am having a strange issue where glyphicons are not loading through a Mac. I have tried Chrome v50 and Safari v9. The icon is either not there, or a strange box.
But they load up fine on a PC
Here are the simple buttons I'm using:
<button title="Include" id="addToList" class="btn btn-default center-block add"><i class="glyphicon glyphicon-chevron-right"></i></button>
<button title="Remove" class="btn btn-default center-block remove"><i class="glyphicon glyphicon-chevron-left"></i></button>
The CSS:
.glyphicon-chevron-right:before { content: "\e080"; }
Any help would be much appreciated!
It looks like your answer is in this article:
ASP.NET MVC 5 on Azure: "The resource you are looking for has been removed..." for SVG files
and here:
404 on static content (svg,woff,ttf) on Azure
Related
Can someone explain to me how to configure alpinejs in an ASP.NET Core MVC project and use it in a my .cshtml files?
I have already run npm install alpinejs and I have already imported it into my index.cstml file
<script src="~/node_modules/alpinejs/dist/alpine.js"></script>
However I have a problem when I make #click
<button class="outline-none focus:outline-none border-r border-gray-200 w-10 h-10 hover:text-indigo-500 active:bg-gray-50"
#click="format('bold')">
<i class="mdi mdi-format-bold"></i>
</button>
Thank you for help
the # is already a reserve symbol in asp.net, so you can escape it with ##click or use the longer binding syntax in Alpine of x-on:click
I am trying to understand the custom selector function for a web ui button. I essentially just want to target a button that has "Add to account" as the value. That should be just the InnerText right? It's not in the VIsual Editor so I am trying to do with the custom. Is it button[innerText="Add to Account"]? Struggling to get that to work right now.
Here is the markup
<button data-ng-if="vm.userPermissions.accountOnly" data-ng-disabled="!vm.canFinish || !vm.hasFeeSchedule" class="btn btn-primary ng-scope" data-ng-click="vm.accountOnly()"><i class="fa fa-plus" aria-hidden="true"></i> Add to Account</button>
Ok figured it out. button:contains("Add to Account")
i am using Ajax with laravel, i have two buttons, Add and Update, what i am trying to achieve is, if i click on Update button,
Laravel #if statement should run,
#if(isset($teacher))
if i click on add button Laravel #else statement should run,
Complete Code:
<button class="btn btn-secondary" id="add" > </span > ADD NEW</button>
<button class="btn btn-secondary" id="update"> UPDATE OLD</button>
#if(isset($teacher))
#foreach($teachers as $teacher)
#endforeach
<button class="btn btn-secondary" id="update-t"> UPDATE Teacher</button>
#else
<button class="btn btn-secondary" id="add-t" > ADD Teacher</button>
#endif
You are misunderstanding the way Laravel Blade templates work.
Blade template is rendered into PHP, than executed to render HTML, which is sent to your browser to render it client-side. This is the moment when your JavaScript functions will start working, and they cannot interfere with what was previously rendered, as JavaScript will only 'see' the final HTML render.
Solution to your problem if you want to use AJAX, is to create some kind of API, which will be processed in AJAX's success function.
I receive the following error message in "some" of my laravel webpages project:
This site can’t be reached
The connection was reset.
ERR_CONNECTION_RESET
Any advise please
I have found that the problem is because of the commenting syntax i am using. for example:
{{--
<div class="btn-group">
<button type="button" class="btn btn-default">
<span class="glyphicon glyphicon-ok"></span>
</button>
</div>
--}}
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown"> Reviews </button>
<button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
<ul class="dropdown-menu">
<li>testuser 2012/08/12 12:25:42:836 PM</li>
<li>testuser11 2012/08/13 12:25:42:836 PM</li>
</ul>
</div>
I am using bootstrap.min.js v2.0.4 and jquery 1.7.2, tried with jquery 1.8.0 and 1.7.1 with same results
I have this js code in tbspopover.js -
jQuery(function(){
$('a[rel=popover]').popover();
});
Script Order
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="/vendor/bootstrap.min.js"></script>
<script src="/js/views/tbspopover.js"></script>
The js function to enable popover was called before the element was added to DOM. The DOM element wasn't added until after ajax call was done. Found a tip here
With an older Version (2.0.2) of Bootstrap it should work.
You can find a working example here.
Older Versions of Twitter Bootstrap can be found on Github here.
I had a similar issue, it was because font-size of .btn-group was set to ZERO!!