Welcome to the nuBuilder Forums!

Join our community by registering and logging in.
As a member, you'll get access to exclusive forums, resources, and content available only to registered users.

manipulation between main form and iframe

Questions related to using nuBuilder Forte.
joecocs
Posts: 67
Joined: Wed Jul 04, 2018 4:11 pm
Location: France

Re: manipulation between main form and iframe

Unread post by 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 ;)
You do not have the required permissions to view the files attached to this post.
admin
Site Admin
Posts: 2829
Joined: Mon Jun 15, 2009 2:23 am
Been thanked: 30 times

Re: manipulation between main form and iframe

Unread post by 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
You do not have the required permissions to view the files attached to this post.
kev1n
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: manipulation between main form and iframe

Unread post by kev1n »

joecocs wrote: 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
Posts: 67
Joined: Wed Jul 04, 2018 4:11 pm
Location: France

Re: manipulation between main form and iframe

Unread post by 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
Posts: 67
Joined: Wed Jul 04, 2018 4:11 pm
Location: France

Re: manipulation between main form and iframe

Unread post by 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?
Last edited by joecocs on Fri Feb 21, 2020 9:01 am, edited 1 time in total.
kev1n
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: manipulation between main form and iframe

Unread post by kev1n »

Try adding this:

Code: Select all

$('#nuBreadcrumbHolder').css('background-color', "#20b2aa");
joecocs
Posts: 67
Joined: Wed Jul 04, 2018 4:11 pm
Location: France

Re: manipulation between main form and iframe

Unread post by 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
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: manipulation between main form and iframe

Unread post by 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
Posts: 67
Joined: Wed Jul 04, 2018 4:11 pm
Location: France

Re: manipulation between main form and iframe

Unread post by 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
nuBuilder Team
Posts: 4565
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 76 times
Been thanked: 529 times
Contact:

Re: manipulation between main form and iframe

Unread post by kev1n »

joecocs wrote:
on the other hand the area of ​​the button is not colored?
What button are you referring to? (maybe upload a screenshot)
joecocs wrote: 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");
Post Reply