manipulation between main form and iframe

[joecocs]

I have nested iframes in its iframes with 5 levels of nesting.
like this :

Capture d’écran 2020-02-20 à 10.26.39.png

now i'm looking to color the tabs and the header of forms with the background color of each iframe, if you have an idea

[admin]

joecocs,

Try this in the Javascript section of each iFrame's Form Properties.

Code: Select all

var c = '#6395ed;
parent.$('#iframe1').css('border-color', c');
$('.nuTab').css('color', c);
$('#nuBreadcrumbHolder').css('background-color', c);

Capture.PNG

Steven

[kev1n]

now i'm looking to color the tabs and the header of forms with the background color of each iframe, if you have an idea

How are you seting the background color of each frame?

[joecocs]

Thank's for the code,

currently I put this code in the Custom Script of each form in the iFrame

Code: Select all

$('#nubody').css("background-color", "#20b2aa");

[joecocs]

Is it possible to color the header of each forms like the background ?

Code: Select all

nuReturnNewRecord();

I have a question about the function: How do I use it in for when I save a new record, the form refreshes and displays this record without having to go back to the browse form?

[kev1n]

Try adding this:

Code: Select all

$('#nuBreadcrumbHolder').css('background-color', "#20b2aa");

[joecocs]

Sorry but don't work :

Code: Select all

var c = '#ffa07a;
parent.$('#Form_Gestion_Projets').css('border-color', c');
$('.nuTab').css('color', c);
$('#nuBreadcrumbHolder').css('background-color', c);
$('#nubody').css("background-color", "#c");
$('#nuBreadcrumbHolder').css('background-color', c);

Instead of # iframe1 # should I put the name of the iframe I want to colorize?

[kev1n]

Just put this code in each iframe:

Code: Select all

$('#nubody').css("background-color", "#20b2aa");
$('#nuBreadcrumbHolder').css('background-color', "#20b2aa");

if it doesn't work, try this:

Code: Select all

$(document).find("#nubody").css("background-color", "#20b2aa");
$(document).find("#nuBreadcrumbHolder").css("background-color", "#20b2aa");

[joecocs]

I just checked the code:

Code: Select all

    var c = '#6395ed;
    parent.$('#iframe1').css('border-color', c');
    $('.nuTab').css('color', c);
    $('#nuBreadcrumbHolder').css('background-color', c);

and I replaced with:

Code: Select all

 var c = '#6395ed';
    parent.$('#iframe1').css('border-color', c);

and it works

on the other hand the area of ​​the button is not colored?

and I try to nitpick by wanting each word on the tab to take the background color of the iframe, is it possible?

[kev1n]

on the other hand the area of ​​the button is not colored?

What button are you referring to? (maybe upload a screenshot)

and I try to nitpick by wanting each word on the tab to take the background color of the iframe, is it possible?

Something like this?

Code: Select all

$(document).find(".nuBreadcrumb").css("color", "#20b2aa");