Bootstrap 4 + figure tag - Printable Version

Bootstrap 4 + figure tag - Printable Version

+- Atozed Forums (https://www.atozed.com/forums)
+-- Forum: Atozed Software Products (https://www.atozed.com/forums/forum-1.html)
+--- Forum: IntraWeb (https://www.atozed.com/forums/forum-3.html)
+---- Forum: English (https://www.atozed.com/forums/forum-16.html)
+----- Forum: IntraWeb General Discussion (https://www.atozed.com/forums/forum-4.html)
+----- Thread: Bootstrap 4 + figure tag (/thread-2547.html)

Pages: 1 2

Bootstrap 4 + figure tag - bostjan - 11-02-2021

Hi,

I'm trying to use clickable image with <figure> tag. If I put a picture and clickable coordinates, everything works correctly.
The problem started when I tried to change picture with new clickable coordinates. Instead of replaced picture I'm getting a new picture below original picture. I'm attaching an example.
Can please somebody checked what I'm doing wrong?

Kind regards,
Bostjan

[attachment=431]

RE: Bootstrap 4 + figure tag - Alexandre Machado - 11-02-2021

I got your project... but I'm failing to understand your requirements... you want just to replace pict1.png with pict2.png, in the same place where the other was, is that correct?

RE: Bootstrap 4 + figure tag - bostjan - 11-03-2021

(11-02-2021, 10:56 PM)Alexandre Machado Wrote: I got your project... but I'm failing to understand your requirements... you want just to replace pict1.png with pict2.png, in the same place where the other was, is that correct?

Yes, that is correct. Also on first picture there are 2 clickable bars and on second should be 3 clickable bars.

RE: Bootstrap 4 + figure tag - bostjan - 11-15-2021

(11-03-2021, 08:54 AM)bostjan Wrote:
(11-02-2021, 10:56 PM)Alexandre Machado Wrote: I got your project... but I'm failing to understand your requirements... you want just to replace pict1.png with pict2.png, in the same place where the other was, is that correct?

Yes, that is correct. Also on first picture there are 2 clickable bars and on second should be 3 clickable bars.

Hi, Alexandre,

any chance you managed to check my problem?

Kind regards,
Bostjan

RE: Bootstrap 4 + figure tag - bostjan - 12-13-2021

Can please somebody help?

RE: Bootstrap 4 + figure tag - Alexandre Machado - 12-23-2021

I got the image replacement working correctly.

First I moved your pictures to the wwwroot folder. Do not use the Files folder anymore. This has been discontinued and part of its functionality is kept in new IW versions for backward compatibility only.

Second, the id of the image does not contain the IWCL suffix. It should be only:

ATag.AddStringParam('id', 'IWBS4IMAGE1');

However, the trick that you are using to respond to a click event won't work correctly given that the link is not rendered at all when the page is rendered the first time.

A viable alternative is to replace it by a direct JavaScript call. Is that ok for you? If so, I can fix that

Please have a look at the demo attached.

RE: Bootstrap 4 + figure tag - bostjan - 12-24-2021

(12-23-2021, 10:09 PM)Alexandre Machado Wrote: I got the image replacement working correctly.

First I moved your pictures to the wwwroot folder. Do not use the Files folder anymore. This has been discontinued and part of its functionality is kept in new IW versions for backward compatibility only.

Second, the id of the image does not contain the IWCL suffix. It should be only:

ATag.AddStringParam('id', 'IWBS4IMAGE1');

However, the trick that you are using to respond to a click event won't work correctly given that the link is not rendered at all when the page is rendered the first time.

A viable alternative is to replace it by a direct JavaScript call. Is that ok for you? If so, I can fix that

Please have a look at the demo attached.

Hi, Alexandre!

Thank you for fixing my code. And yes, I would like to know how to use direct JavaScript call for clickable areas to function even after I change picture?

RE: Bootstrap 4 + figure tag - Alexandre Machado - 01-07-2022

I'll change it and get back to you...

thanks

RE: Bootstrap 4 + figure tag - bostjan - 03-15-2022

(01-07-2022, 11:52 PM)Alexandre Machado Wrote: I'll change it and get back to you...

thanks

Hi, Alexandre!

It's been a while now. Any chance you manage to arrange replacement with direct Java calls?

Kind regards,
Bostjan

RE: Bootstrap 4 + figure tag - bostjan - 05-18-2022

(03-15-2022, 11:11 AM)bostjan Wrote:
(01-07-2022, 11:52 PM)Alexandre Machado Wrote: I'll change it and get back to you...

thanks

Hi, Alexandre!

It's been a while now. Any chance you manage to arrange replacement with direct Java calls?

Kind regards,
Bostjan