Design and CSS styles
Version 5.x > Design and CSS styles > Creating an "on mouse over" effect using information from custom Document Type View modes: 
User avatar
Member
Member
KugarWeb05-btinternet - 6/20/2012 6:26:51 AM
   
Creating an "on mouse over" effect using information from custom Document Type
Hi there,

I'm currently working on a project which involves using an "on mouse over" effect which then displays information from a custom Document Type.

This would then need to be within a repeater so that the image is duplicating depending on parameters set upon subsequent documents using the document type.

For example, I would like there to be a background image for a div which is uploaded when creating a new document using the document type which when moused-over displays other information such as an image, some text and a button which is all generated from information in the custom document also.

From my understanding this would need to be achieved using Javascript though I am unsure how to implement it within a repeater or indeed how to display the information from a document type.

If anyone could give me some direction on how to do this I would be very grateful.

Cheers,

KugarWeb.

User avatar
Kentico Consulting
Kentico Consulting
kentico_borisp - 6/25/2012 3:49:02 AM
   
RE:Creating an "on mouse over" effect using information from custom Document Type
Hello,

Every data of the displayed document can be accessed via the Eval("FieldName") method. Please check some default transformations on the usage. It also depends on the transformation type. If you are using the Text/XML transformation type, then the syntax would be:

{% Eval("FieldName") %}

If you are using the ASCX transformation type, the syntax would be a bit different:

<%# Eval("FieldName") %>

Otherwise, you can also define custom transformation functions to generate the code you need, so you are not restricted by the built in methods. The Eval() method output can be used as a parameter for your custom method. For more information on that topic please check this documentation on custom transformation functions.


Best regards,
Boris Pocatko