Can someone explain this part to me in JSON please?? (Wordpress Plugin)

Asked

Viewed 998 times

0

Guys, good morning, I’m going to go into as much detail as I can to see if anyone can understand me and help me... I have the following Plugin installed on Wordpress: https://wordpress.org/plugins/inline-google-spreadsheet-viewer/

This Plugin creates this part in Wordpress Cpanel: inserir a descrição da imagem aqui

And this part creates these three buttons on the frontend: inserir a descrição da imagem aqui

But how do I edit these buttons?? For example if I want to add CSS to them or customize with more HTML things, how do I do??

If I try to add any HTML/CSS/JAVASCRIPT code in the backend of the first image the panel simply won’t allow, in which case would I have to do it in JSON?? But I don’t know anything about JSON.

Follow a brief video with more details (the video has audio it starts in 27 seconds): https://www.youtube.com/watch?v=VWUVQPgQ6Cg

json wordpress

  • Is this taking place within an iframe ? or directly in the html DOM ? if you go inside an iframe you can’t change anything, if it is direct in html you can access it through the example parents div > span > li > elements. algumaclass . button {style here}

  • direct click on HTML without iframe... But there is no way to modify that field in wordpress Cpanel to accept HTML??

1 answer

0


This field you edited is not for HTML, it is the initial config of Datatable, included in the code using CDN, as per code in the respository

for customization, the plugin offers the possibility to add classes, as in this example with shortcode

[gdoc key="ABCDEFG" class="my-sheet" title="Tooltip text displayed on hover" summary="An example spreadsheet, with a summary."]This is the table's caption.[/gdoc]

see that the class has been included my-sheet, that you can put whatever you want and use to style, as it will generate html as 

<table id="igsv-ABCDEFG" class="igsv-table my-sheet" title="Tooltip text displayed on hover" summary="An example spreadsheet, with a summary.">
    <caption>This is the table's caption.</caption>
    <!-- ...rest of table code using spreadsheet data here... -->
</table>

with this you create a rules in your css, for example:

.my-sheet{
    background-color: red;
}

  • Thank you so much for the help, but besides the css I need to add HTML, this part I already researched a lot but I did not find a solution.

  • @Danielfortunato I don’t know if I understand correctly, but you want to add the select, to open directly a spreadsheet based on the state, right, why not add this select as shortcode and use on the page, so already do the redirect to where you think you should, on the destination page lets the buttons appear and the staff exports as necessary, as is the page at the end?

Browser other questions tagged json wordpress

You are not signed in. Login or sign up in order to post.