Comments (15)
Hello @saravananselvamohan
- docu extended - https://github.com/Labs64/GuideChimp/wiki/Configure#events
- new sample added (JS events /
onBeforeChange
) - https://github.com/Labs64/GuideChimp/wiki/Examples (playground: https://codepen.io/netlicensing/full/BazaXYo)
from guidechimp.
That's would be OK (as we do have access to SF dev/prod).
In this case, may I ask you to provide more context:
- which SF component you are trying to interact with
- your tour definition
If privacy is a concern here - you can send this data directly to [email protected]
from guidechimp.
In regards to loading external tours on the websites with the same-origin
policy enabled (e.g. Salesforce) - we need to investigate on the permissions available in the extension.
from guidechimp.
@saravananselvamohan you can always add/override your own CSS styles to fix specific layouts (such as SF) - https://github.com/Labs64/GuideChimp/wiki/Configure#styling
Will able to resolve those issue by custom css options. Thanks for the help @r-brown. Would like to close the issue
from guidechimp.
Hello @saravananselvamohan ,
Coming back to the above discussion I wanted to inform you that we released and published first version of GuideChimp Chrome Extension.
With this extension your guided tour can be enabled on any website with no-coding effort.
The tour definitions for public websites and web apps can be published through the Pull Request at Labs64/GuideChimp-tours
from guidechimp.
Hi @saravananselvamohan would you mind to provide us with the website DOM and GuideChimp tour definition, so we can reproduce this behaviour.
Possibly CodePen would be used here to provide HTML, CSS, JS code
from guidechimp.
Hello @saravananselvamohan you are just in time :)
Day before yesterday we kick-started this issue Create browser extension to allow guided tours on any 3pp website #28
... where we going to create a new Chrome extension for the same purpose.
from guidechimp.
@r-brown . Is there any sample documentation for onBeforeChange(), onAfterChange() as how to be used in Javascript object. It would help newcomers. If you guide me I would like to add that in documentation too,please
from guidechimp.
@r-brown . Thanks for the ton of help. Is there any way we can prevent tour from moving to previous steps from a particular step.
from guidechimp.
@saravananselvamohan you can use the same onBeforeChange
event here:
guideChimp.on('onBeforeChange', (to, from)=>{
if ( to < from ) {
return false;
}
});
from guidechimp.
Describe the bug
We testing a Guidechimp in a custom site. With the site we able to have element highlighted as per tour steps yet unable to interact with the element.
I checked we didn't disabled interaction layer from the tour options. May I know the checks I am missing. I tested with other sites and Guidechimp flow working perfect. The issue is with my custom siteExpected behavior
Able to interact with the element in DOMScreenshots
Desktop (please complete the following information):
- OS: Ubuntu 20
- Browser Chrome
- Version 85
@r-brown . The issue is closely related to z-index value.
from guidechimp.
@saravananselvamohan we tested this issue on our side and changing z-index didn't have any effect. Very complex DOM / CSS structure at SalesForce forces this.
Did you manage to fix this behaviour by changing z-index?
from guidechimp.
@saravananselvamohan we tested this issue on our side and changing z-index didn't have any effect. Very complex DOM / CSS structure at SalesForce forces this.
Did you manage to fix this behaviour by changing z-index?
We able to remove the z -index does removes overlay too. So we can interact with element. But Ideally we need to have highlighter that's still an issue
from guidechimp.
@saravananselvamohan we tested this issue on our side and changing z-index didn't have any effect. Very complex DOM / CSS structure at SalesForce forces this.
Did you manage to fix this behaviour by changing z-index?
Is there any way, we can able to highlight the element removing overlay and interaction layer
from guidechimp.
@saravananselvamohan you can always add/override your own CSS styles to fix specific layouts (such as SF) - https://github.com/Labs64/GuideChimp/wiki/Configure#styling
from guidechimp.
Related Issues (20)
- Request to add below mentioned features
- Guidechimp can't be imported from skypack
- Error with VueRoute when jump to other route/page HOT 9
- Contitional move to the next step HOT 1
- Conflict with SweetAlert2 HOT 10
- Problem with selected/highlighted element HOT 17
- No progress bar is displayed HOT 1
- Licensing works on localhost with HTTP/HTTPS but will not work on server using HTTP HOT 2
- Labs64 contact us form HOT 2
- Do not break tour on clicks within current box HOT 2
- Enlarge the highlighted zone HOT 2
- How can I bind the guidechimp refrence to custom button onClick event HOT 1
- Guidechimp attribution issue. HOT 5
- How can I get the context that I send on moving next step HOT 1
- Interaction with highlighted element is not working in angular 7 HOT 7
- Remove blinking animation when moving a step with an element to a step without an element HOT 1
- Offline Licensing
- Custom buttons based on 'a' tag not showing up HOT 1
- HTML step configuration data-guidechimp-interaction boolean value does not work HOT 2
- Migrate GuideChimp chrome extension
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from guidechimp.