App Connect Data Formatter Support Product Page

Adding Binding into Table bgcolour={{Binding Value}}

Reported 21 Jun 2017 10:41:54
1
has this problem
21 Jun 2017 10:41:54 Keith Mears posted:
I want to add app connect binding into a table condition, in this case Background colour, bgcolour="Binding Here", but when I put the cursor in between the quote I do not get the option to "Insert Binding" I have done this previously with data binding with no problem but cannot seem to do the same with App Connect.

Help would be appreciated

Regards

Keith

Replies

Replied 21 Jun 2017 11:04:02
21 Jun 2017 11:04:02 Teodor Kuduschiev replied:
Hi Keith,
you should either use the dynamic attributes > toggle class OR styling option in order to apply styles to your elements, on specific condition.
So either apply a specific class, which styles your table or directly assign a styles attribute to it.
Replied 21 Jun 2017 12:47:02
21 Jun 2017 12:47:02 Keith Mears replied:
Hi Teodor

That is what I thought and have already tried the styles attribute with a name of bicolour nut that does not work.

Replied 21 Jun 2017 12:52:26
21 Jun 2017 12:52:26 Keith Mears replied:
The name should have read bgcolor
Replied 21 Jun 2017 13:40:17
21 Jun 2017 13:40:17 Teodor Kuduschiev replied:
The bgcolor attribute of <table> is not supported in HTML5 and you should no longer be using deprecated attributes in your code. As explained above, please use e CSS instead.

CSS syntax: <table style="background-color: #ffffff">
Replied 21 Jun 2017 14:14:51
21 Jun 2017 14:14:51 Keith Mears replied:
OK, life just seems to get more complicated. I am having to redo my pages just to use the new Medium editor as it seem I have to use App Connect to have this element associated with a text or textarea. So I am now trying to familiarise myself with all the components of app connect just to get pages back to where they were but with the medium editor used, it is so time consuming and difficult to justify the time. This is because App Connect cannot be used in a page when data bindings are being used which is odd when they are both DMX Zone extensions and use the server connect.

I am having the same trouble with hover buttons in a repeat region, I used to do this easy by have the button name plus the ID field from the server connect action executor so that the hover will work across all buttons returned in a repeat region as the browser sees the button a unique, again I cannon insert a binding using app connect. All very frustrating as now a new extension comes along and I have to redo my pages to use it and it seems there is another way to do it that I have never used before.

Another observation, the editor on this page doesn't seem to work.


Replied 21 Jun 2017 14:54:33
21 Jun 2017 14:54:33 Teodor Kuduschiev replied:
I am not quite sure I got your point. You cannot use HTML5 Data Bindings code on the same page with App Connect code.
You should chose one of the frameworks to be used. The initial issue in this topic is not really related to this. You are using an old and deprecated attribute which is no longer supported. I explained you how to fix this issue by using CSS attributes with App Connect.
Replied 22 Jun 2017 12:54:08
22 Jun 2017 12:54:08 Keith Mears replied:
I will play with it some more but there needs to be some tutorials for using class Toggle and styles, I am not a css specialist hence why I use your extensions but I do not think you have answered the question certainly for me to understand, where does "CSS syntax:" (full line of code as I could not post your life of code) bit fit in with app connect?

Also I take it I cannot have a hover button associated with a repeat region when using app connect?
Replied 22 Jun 2017 15:01:12
22 Jun 2017 15:01:12 Teodor Kuduschiev replied:
Hello Keith,
I don't thinkk you should be a 'CSS specialist' to know the most basic attributes like color, background-color, font-size etc. All you need to do is to set it here:


where color is the binding you selected using the UI ...
Replied 22 Jun 2017 15:45:00
22 Jun 2017 15:45:00 Keith Mears replied:
I had tried that but used "bgcolor" as dreamweaver uses and not background-color. That screen print explains all thank you.

That works but the hover button is still an issue, have used the static event image swap on mouse over but of course that is not working in a repeat region with more than one return as the image ID is not unique for each record.

Replied 22 Jun 2017 18:39:05
22 Jun 2017 18:39:05 Teodor Kuduschiev replied:
Hello Keith,
I am not sure I get what you are trying to do? Are you using some script and if yes - what is it doing exactly?
Replied 23 Jun 2017 10:18:58
23 Jun 2017 10:18:58 Keith Mears replied:
Hi Teodor

I am trying to use a button link to another page in a repeat region and I want the button to act as a hover button. To do this the button ID has to be unique for each repeat and I cannot find a way of doing this, have done a trial with the static options but I cannot add any code to make the button unique for each repeat return.

To do this in the past I have added the ID from the database into the button ID like id="ReviewTicket_B_{{TR_ID}}" (part of the code as I cannot send the fill hover button code) where "{{TR_ID}}" is the database return.

Would have added a screen print but the buttons on this textarea do not work.

Reply to this topic