remove buttons on mobile page
So I have gone through the process of creating a customer survey form. I have managed to remove the green save buttons etc using the following steps: 1) Create a js code page: $("#formFooterBut...
Forum Discussion
>Ok, this just sounds ridiculously complicated.
No it is ridiculously simple.
The confusion over how to get the script injected is due to the fact that you are using the first version of the IOL technique:
"<img qbu=\"module\" src=\"/i/clear2x2.gif\" onload=\"javascript:$.getScript('" & URLRoot() & "db/" &Dbid() & "?a=dbpage&pagename=EOTIcodepage.js&rand='+Math.random())\">"
I assumed you were using the second version of the IOL technique which uses two user defined variables [iol] and [/iol] and a Rich Text Formula field:
[iol] & "EOTIcodepage.js" & [/iol]
There are links in the records of the pastie database that link descriptions to both of these version.
The alternate code I provided for the [iol] user defined variable fixed the problem associated with the second version of the IOL technique for mobile. Surprisingly the first version of the IOL technique that you are using does in fact inject the code EOTIcodepage.js.
The problem you have is that the mobile version of the page does not have same structure as the desktop version so you have to modify these commands in EOTIcodepage.js
$("#formFooterButtonsContainer").hide();
$(".IconOnly").hide();
$("#saveButton").hide();
The way to do this is to use desktop browser and through the Chrome dev tools emulate a mobile device. Here is a screenshot:
You need to inspect the emulated mobile page and discover the appropriate selectors for the button and other elements you want to hide. Place these new statements in EOTIcodepage.js.
This really is quite simple to do. I don't have time to explain every solution in fine grain detail so if you can't follow this explanation fee free to contact me off-world using the information in my profile:
https://getsatisfaction.com/people/dandiebolt/
No it is ridiculously simple.
The confusion over how to get the script injected is due to the fact that you are using the first version of the IOL technique:
"<img qbu=\"module\" src=\"/i/clear2x2.gif\" onload=\"javascript:$.getScript('" & URLRoot() & "db/" &Dbid() & "?a=dbpage&pagename=EOTIcodepage.js&rand='+Math.random())\">"
I assumed you were using the second version of the IOL technique which uses two user defined variables [iol] and [/iol] and a Rich Text Formula field:
[iol] & "EOTIcodepage.js" & [/iol]
There are links in the records of the pastie database that link descriptions to both of these version.
The alternate code I provided for the [iol] user defined variable fixed the problem associated with the second version of the IOL technique for mobile. Surprisingly the first version of the IOL technique that you are using does in fact inject the code EOTIcodepage.js.
The problem you have is that the mobile version of the page does not have same structure as the desktop version so you have to modify these commands in EOTIcodepage.js
$("#formFooterButtonsContainer").hide();
$(".IconOnly").hide();
$("#saveButton").hide();
The way to do this is to use desktop browser and through the Chrome dev tools emulate a mobile device. Here is a screenshot:
You need to inspect the emulated mobile page and discover the appropriate selectors for the button and other elements you want to hide. Place these new statements in EOTIcodepage.js.
This really is quite simple to do. I don't have time to explain every solution in fine grain detail so if you can't follow this explanation fee free to contact me off-world using the information in my profile:
https://getsatisfaction.com/people/dandiebolt/