How can I remove the link in this %render code? - javascript

So I am trying to remove the "collected by Judge.me" link so it does not show on my page. Screenshot attached.
How do I go about in disabling it?
Here is the code:
{% render 'judgeme_widgets', widget_type: 'judgeme_review_widget', concierge_install: false, product: product %}{
I've tried editing the existing code but it does not work. I believe there's additional code I can add to disabling it so it does not show on my page.

Related

Bootstrap checkbuttons with icons does not works

I have the need to add checkbuttons to my table and I want use the Bootstrap Button for this.
I found a snippet on the web that combine icons with buttons and the JS code to define buttons behavior. Cause this code is with Glyphicons, in another discussion I asked for an alternative and I obtained it; now I'm using fontawesome.
So, I've done this steps:
Copy the folder with the min.css file in my app folder, under: src/main/webapp/static/font-awesome-css/font-awesome.min.css
Include the folder path in my home page with this syntax: <link href="../../static/font-awesome-css/font-awesome.min.css" rel="stylesheet" media="screen">
Use this snippet: BootStrap Checkbutton With Icons; in particular, I used only one button in my Data Table, this one:
{
"data": null,
"render": function ( data, type, full, meta ) {
return '<span class="button-checkbox"><button type="button" class="btn" data-color="primary">Select</button><input type="checkbox" style="display: none" checked /></span>';
}
},
while for the JS function i tried both an external file to include and to put directly inside the data table file.
Well, the problem is that when i load my app, the button does not have the icons, does not change after click and it's not selected: at start, this is the situation (the not working button is "Select"):
Can you see the grey buttn without icons? Well, after clicking the situation does not change.
What I am doing wrong?
UPDATE 01 Sept: seems that the problem is where the js code is putted.
As first try, I've putted it in the section where I define the table printing; the results are showed after a form interaction, so I've associted the code with the submit button behavior. The problem persist, but I've noticed a change: when the table appair, for 2 second the button are showed correctly and then they became grey.
My best guess whould be that the JS isn't implemented correctly since this is the part that does everything you want:
EDIT:
This might be more helpfull to post too, if you look at there source code they implemented the JS directly into there HTML with a script so I guess you also need to do this.
Source code: view-source:https://s.bootsnipp.com/iframe/7nQMK

Trying to reverse the effect of a click function is showing everything instead

Let me start with a quick summary of what I have to better explain this.
I'm creating a checkout page. Within that page I have three parts to it. These seperate parts are all on the same page, but I have it set to where only one section shows up at a time. The sections are:
Shipping Info
Billing Info
Order confirmation
So the way it is set up is that if you click to proceed to go to the next section, that part will hide and the other part will show. That works great. The issue I am having is I am trying to create a way to get back to the previous section in case the customer needs to edit information in the past section.
The code I added to try to get back to the last section is for some reason making all of the sections show up at once.
So the sections are like this:
Shipping info code, then -
<button class="checkoutbutton" id="btnProceedBillingInfo"> Proceed to Billing Information</button>
Billing info code, then -
<button class="checkoutbutton" id="btnPreAuthorize">Proceed to Order Confirmation</button>
JS
Getting to Billing info section
$('#btnProceedBillingInfo ').click(function () {
$(".shippinginfocontainer").hide();
$('.paymentinfocontainer').show("slow");
}
Getting to confirm section
$('#btnPreAuthorize').click(function () {
$(".checkoutprocess > div").hide();
$('.confirmationinfocontainer').show("slow");
$('#widebutton').show("slow");
}
What I tried to do to get this to work is in the html page is add the following code:
<input class="backInCart" id="backToShippingInfo" value="Back to Shipping Information">
And then add the following JS:
$('#backToShippingInfo').click(function () {
$(".paymentinfocontainer").hide();
$('.shippinginfocontainer').show("slow");
}
So essentially, I was just trying to reverse the process. I am using an input figure for getting going back to the section because I do not want a button to be displayed for the back link.
If this didn't make the most sense, you can view my site at buyfarbest.com to really see what I am trying to accomplish. When you click Back to Shipping info or billing info, I just want the reverse affect to take place.
Seems you have a syntax errors which break js execution. Missing the closing ');' on all click handlers
$('#backToShippingInfo').click(function () {
$(".paymentinfocontainer").hide();
$('.shippinginfocontainer').show("slow");
}); // <- this guy here

Open 1 modal with two different links

So I have a page, with a modal. Now I have a table on that page. I want to include a link in each row of the table that opens that same modal, and then put different content in it using jQuery.
The problem I'm having is in the modals. When I give 2 links the id code, and do the following in jQUery:
$(document).ready(function()
{
$("#code").click(function()
{
$("#CodeModal").modal('show')
});
});
Only the first link opens the modal.
I have also tried data-toggle, but that resulted in no links being able the open the modal.
Is there a way to make this possible? If so, how to do it?
Thanks.
Id must be unique. You can assign the same class to the links and do this:
$(".code").click(function()
{
$("#CodeModal").modal('show')
});

Hide span with jquery is not working

I have a sharepoint webpart that shows some information from some lists, the lists are security trimmed, so if the user does not have permission to that list, it will show access denied. Which is fine.
I want to hide that part of the page.
I found how to solve it here:
http://www.timferro.com/wordpress/archives/227
This is the code I have:
<script src="/_layouts/Scripts/jquery1.8.1.min.js"></script><script language="javascript">
$("span:contains('Error')").hide();
$("div:contains('Access denied'):not(:has(div))").hide();</script>
And this is the screenshot that shows what I need to hide.
1
Better pic here
Update:
when I hide it, now sharepoint its showing me a blue line that I want to get rid off, but If I hide the blue line only, then a strange space will be between webparts, I think the best is to hide that TD that contains the rest of the things? How can I hide that?
Please see new screeenshot
looks like you forgot to put it inside the jQuery ready function:
$(function(){
$("span:contains('Error')").hide();
$("div:contains('Access denied'):not(:has(div))").hide();
});
Try below,
$(".UserGeneric span.ms-bold:contains('Error')").hide();
or If you want to hide the whole error then
$(".UserGeneric span.ms-bold:contains('Error')").parent().hide();

How to remove upload button in nicEdit text editor

I am fine with all the buttons of nicedit for my website. But i would like to remove upload button of the editor in one of my website. I got an option of ppulating button list, but i am searching for setting like:
fullPanel: true, hideButton: 'upload'
Just put buttons that you need.
new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area1');
The plugin does not seem to have a hideButton option.
You can either have the full button list, or explicitely choose the buttons to show with the buttonList option.
Documentation
I was thinking that maybe you could hide it using CSS but the plugin does add any class or IDs to the buttons so it would make it pretty unreliable to target.
You can go to nicEdit.js try to find .. buttonList .. at there you can see button list.
Delete the ,upload
I've been extending and fixing the nicEdit plugin (added easy YouTube embedding and DragNDropz https://dragndropz.com image upload support) quite a bit lately, and I added an ignore buttons option as well to easily ignore specific buttons.
Source and updated version is here:
https://dev.x-null.net/own3mall/nic-edit/tree/yt-videos
Example of how to use it:
myNicEditor = new nicEditor({fullPanel : true, buttonIgnoreList: new Array('upload', 'youtube')}).panelInstance('go_nicedit',{hasPanel : true});

Categories