Add IDs to vLookup Elements

[DCH]

Alexander,

Is it possible to add IDs to vLookup TD elements? I’d like to apply additional HTML to Lookup columns that allow multiple values. For example, I’d like to make them List Items LI rather than just strings with Break tags. I could write a funky selector to get to them but it would be more reliable with an ID.

Thanks!

[Alexander Bautz]

Hi,
I’ll add a CLASS in the next release (a few days away). The reason for using a class and not an ID is that if you want to apply a style to multiple rows in a column, you would have to address multiple ID’s.

The CLASS I’m using is “FieldInternalNameOfvLookupColumn_FieldInternalNameOfChildColumn”. This way you can style your column like this:

$("td.vLookupTasks_Created").css("font-weight","bold");

You could also use CSS with the same selector to style the column.

Wait for the new release to surface, and let me know how it works out.

Alexander

[DCH]

So awesome, looking forward to it! Thanks

[DCH]

Alexander,

I know this is old, but how do I get the styles to apply to vlookup? It looks like the vLookup load is asynchronous, so my styles are not applied to the results. I’ve tried using the DFFS custom JS, the DFFS custom CSS, and loading the styles on the page in a webpart.

Thanks!

[DCH]

Also related to the question above, I would like to be able to apply styles to the column headings (like we can for the grouping headers), and to replace the view, edit and refresh icon images (like I can for the DFFS tooltip). Is this possible with just css classes?

Thanks!

[Alexander Bautz]

You can change the images by adding this variables to the Custom JS in DFFS:

spjs.vLookup.data.viewImg = "Path to new image";
spjs.vLookup.data.editImg = "Path to new image";
spjs.vLookup.data.reloadImg = "Path to new image";

The heading can be changed by overriding the CSS in Custom CSS in DFFS:

td.childTableHeader{
    font-size:22px!important;
    color:green!important;
}

Alexander

[DCH]

So awesome, thank you!

[Author]

Posts