Add a link to a field in the layout grid
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Add a link to a field in the layout grid
Dear all,
I would like to set a different link for every field in a layout grid (every rectangle should link to a different subpage).
How can I do this?
Thank you!
Malte
I would like to set a different link for every field in a layout grid (every rectangle should link to a different subpage).
How can I do this?
Thank you!
Malte
Re: Add a link to a field in the layout grid
You cannot assign links to grid columns, you will need to place (linkable) objects inside the grid.
A grid is used for layout purposes only, it does no have have a size. So without child elements it would not be visible in the browser.
A grid is used for layout purposes only, it does no have have a size. So without child elements it would not be visible in the browser.
Re: Add a link to a field in the layout grid
Thank you for the fast answer, again!
The problem in my case is: The background of the layout grid is an image. In the layout grid, there is some text so that the text is placed on this image.
I need the link on the whole area of the image. (If I place the link on the text, the link will just cover a part of the area).
So how can I achieve this?
Thank you!
Malte
The problem in my case is: The background of the layout grid is an image. In the layout grid, there is some text so that the text is placed on this image.
I need the link on the whole area of the image. (If I place the link on the text, the link will just cover a part of the area).
So how can I achieve this?
Thank you!
Malte
Re: Add a link to a field in the layout grid
This is not possible. The grid itself is just guide for the layout, it does not have a height, so it will not get mouse events.
But you can assign a link to the container of the text (via events). Of course this will disable all standard click behavior of the object (and text).
For example, you will not longer be able to select the text because click trigger the link.
But you can assign a link to the container of the text (via events). Of course this will disable all standard click behavior of the object (and text).
For example, you will not longer be able to select the text because click trigger the link.
Re: Add a link to a field in the layout grid
Thank you, that worked!
Would it be possible in future releases to define an event that changes the look of the mouse pointer (so that users get a hint that they can click on that area)?
Would it be possible in future releases to define an event that changes the look of the mouse pointer (so that users get a hint that they can click on that area)?
Re: Add a link to a field in the layout grid
Take note of the ID of the text box and add this to your page HTML on the 'Between <head></head> tags' tab:
<style>
#wb_Text1{cursor:pointer;}
</style>
Change 'Text1' to match your ID
<style>
#wb_Text1{cursor:pointer;}
</style>
Change 'Text1' to match your ID
Re: Add a link to a field in the layout grid
That worked as well!
I have now a pretty good solution:
1) For the whole layout grid, I define an event "onklick" - "Link". So a click on any part of the layout grid will lead to another subpage.
2) For the same layout grid, I define that the mouse will change to "pointer": I go to "HTML" - "Custom Style", and add the code (directly in the layout grid)
Does anyone know if it is possible to define the "cursor:pointer" behaviour for a whole group of objects (so for any layout grid that has a certain style)?
I have now a pretty good solution:
1) For the whole layout grid, I define an event "onklick" - "Link". So a click on any part of the layout grid will lead to another subpage.
2) For the same layout grid, I define that the mouse will change to "pointer": I go to "HTML" - "Custom Style", and add the code (directly in the layout grid)
Code: Select all
<style>
#wb_LayoutGrid11{cursor:pointer;}
</style>
Does anyone know if it is possible to define the "cursor:pointer" behaviour for a whole group of objects (so for any layout grid that has a certain style)?
Re: Add a link to a field in the layout grid
give your layout grids a 'class' and then in the CSS target that class.
Re: Add a link to a field in the layout grid
Thank you!
Sorry I am a total newby when it comes to working with "styles" and "classes"
Could you explain where I define a class in WYSIWYG web builder?
Or could you link to a tutorial that explains?
Sorry I am a total newby when it comes to working with "styles" and "classes"
Could you explain where I define a class in WYSIWYG web builder?
Or could you link to a tutorial that explains?
Re: Add a link to a field in the layout grid
PS: I like the "cups of coffee" counter on your web page!
Re: Add a link to a field in the layout grid
Thanks!PS: I like the "cups of coffee" counter on your web page!
There are 2 steps.
1. Click on Page --> Page HTML --> Between <head></head> tags
enter the following:
Code: Select all
<style>
.pointy{cursor:pointer;}
</style>
2. Right click on the layout grid, choose the 'Inside Tag' and enter:
Code: Select all
class="pointy"
Re: Add a link to a field in the layout grid
Thank you crispy!
Great advice.
Will add it to the page now.
Malte
PS: Have added it now. Works perfectly! This saves me a lot of time: I can now copy any layout grid, without having to change the added code!
Great advice.
Will add it to the page now.
Malte
PS: Have added it now. Works perfectly! This saves me a lot of time: I can now copy any layout grid, without having to change the added code!