Scribd
Upload
166 views7 pages

View Topic - Image Header On Top of Menu PDF

Uploaded by

Sinan Yıldız
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
166 views7 pages

View Topic - Image Header On Top of Menu PDF

Uploaded by

Sinan Yıldız
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

www.hkvforums.

com
Skip to content

Board index ‹ PHPMaker ‹ General Discussion (PHPMaker)


Change font size
Print view

FAQ
Register
Login

Image Header on top of Menu


Post a reply
16 posts • Page 1 of 1

Re: Image Header on top of Menu

by saleh » Fri Feb 08, 2019 4:36 pm

hello

How can we put the image header above the menus?

I want the picture at the top (above the <nav class="main-header navbar ...">)

please help

saleh

Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu

by mobhar » Sat Feb 09, 2019 2:42 pm

Try this at "Startup Script" under "Client Scripts" -> "Global" -> "Pages with header/footer":

$(document).ready(function() {
$(".main-header").before("<div class='top-logo'><h1>Your Logo Image Goes Here</h1></div>");
$(".top-logo").css({"position": "relative", "top": "0", "width": "100%", "height": "50px"});
$(".main-sidebar").css({"position": "absolute", "top": $(".top-logo").outerHeight()});
$(".content-wrapper").css({"position": "static", "width": "100%"});
});

I know this is not perfect 100% as you wish, so please be wise, you need to improve it by yourself.

mobhar

Posts: 6568
Joined: Wed Jun 05, 2013 2:11 pm

Top

Re: Image Header on top of Menu


by saleh » Sat Feb 09, 2019 3:58 pm

hello
I want a picture instead of writing
$(".main-header").before("<div class='top-logo'><h1>Your Logo Image Goes Here</h1></div>");

Change to : phpimages/h.jpg

saleh

Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu

by mobhar » Sat Feb 09, 2019 6:13 pm

Change:
$(".main-header").before("<div class='top-logo'><h1>Your Logo Image Goes Here</h1></div>");

to:
$(".main-header").before("<div class='top-logo'><img src='phpimages/h.jpg'></div>");

mobhar

Posts: 6568
Joined: Wed Jun 05, 2013 2:11 pm

Top

Re: Image Header on top of Menu


by saleh » Sat Feb 09, 2019 7:13 pm

Excellent, works successfully. Thank you.

Now how to control the length and width of the image?

saleh

Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu


by mobhar » Sat Feb 09, 2019 8:30 pm

Change this part:


"height": "50px"

to your actual image height.

mobhar

Posts: 6568
Joined: Wed Jun 05, 2013 2:11 pm

Top

Re: Image Header on top of Menu


by saleh » Sat Feb 09, 2019 9:35 pm

Thank you so much


Now excellent works successfully

// Write your global startup script here


// document.write("page loaded");
$(document).ready(function() {
$(".main-header").before("<div class='top-logo'><img src='phpimages/h.jpg'></div>");
$(".top-logo").css({"position": "relative", "top": "0", "width": "100%", "height": "200px"});
$(".main-sidebar").css({"position": "absolute", "top": $(".top-logo").outerHeight()});
$(".content-wrapper").css({"position": "static", "width": "100%"});
});

saleh

Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu

by saleh » Thu Feb 28, 2019 2:06 am

hello
There is a problem opening some pages
Do not open full pages

compact : PHPMaker+PHP Report Maker

If you disable this line:


//$(".main-sidebar").css({"position": "absolute", "top": $(".top-logo").outerHeight()});
Works but the image is not complete on the page

// Write your global startup script here


// document.write("page loaded");
$('.ew-rpt-grand-summary:has(td > span.ew-summary-count)').addClass('d-none');

// Write your global startup script here


// document.write("page loaded");
$(document).ready(function() {
$(".main-header").before("<div class='top-logo'><img src='phpimages/a.jpg'></div>");
$(".top-logo").css({"position": "relative", "top": "0", "width": "100%", "height": "200px"});
//$(".main-sidebar").css({"position": "absolute", "top": $(".top-logo").outerHeight()});
$(".content-wrapper").css({"position": "static", "width": "100%"});
});

What's the solution ?

saleh

Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu


by mobhar » Thu Feb 28, 2019 12:19 pm

Make sure you have already implemented it also into PHP Report Maker project side.

mobhar

Posts: 6568
Joined: Wed Jun 05, 2013 2:11 pm

Top

Re: Image Header on top of Menu

by saleh » Thu Feb 28, 2019 5:44 pm

Yes put code in PHP Report Maker and PHPmaker


The same problem is in PHP Report Maker
Especially with graphs

saleh

Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu


by mobhar » Fri Mar 01, 2019 11:52 am

saleh wrote:
> Do not open full pages

What did you mean by "do not open full pages"? Did you see the error message? If so, post here for more
discussion. If there are no error message in the web app side, try to do "View Page Source" from your
browser, and check also whether any error message from that page source.
mobhar

Posts: 6568
Joined: Wed Jun 05, 2013 2:11 pm

Top

Re: Image Header on top of Menu


by saleh » Fri Mar 01, 2019 5:29 pm

The problem is only in Chrome browser

But the Explorer browser works successfully

There are no error messages

I see Debug :him at the end of the page in Explorer browser There is no error

But in Google Chrome browser I can not see Debug

saleh

Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu

by mobhar » Sat Mar 02, 2019 1:33 pm

Make sure you have already successfully updated your Google Chrome browser to the latest version, and
then try again. If the problem remains, please try to "Clear browsing data..." from "More Tools" menu of
your Google Chrome, and then try also again.

mobhar

Posts: 6568
Joined: Wed Jun 05, 2013 2:11 pm

Top

Re: Image Header on top of Menu


by saleh » Sat Mar 02, 2019 11:23 pm

hello

Google Chrome browser latest version and Clear browsing data

The same problem

Solve there another solution?

saleh
Posts: 343
Joined: Mon Dec 09, 2013 11:21 pm

Top

Re: Image Header on top of Menu


by mobhar » Mon Mar 04, 2019 1:59 pm

mobhar wrote:
> I know this is not perfect 100% as you wish, so please be wise, you need to improve
> it by yourself.

mobhar

Posts: 6568
Joined: Wed Jun 05, 2013 2:11 pm

Top

Re: Image Header on top of Menu

by khonyot » Wed Oct 09, 2019 1:42 pm

For PHP Maker 2020 :


===================
$(document).ready(function() {
$(".sidebar").before("<div class='panel-body' align='center'><div class='nyot-logo'><img src='YOUR
LOGO IMAGE' alt='IMAGE' width=auto height=auto style='vertical-align:center'></div></div><div
style='text-align: center;'><font size='2' face='monaco' color=#fe0000>YOUR LOGO TEXT BELOW
PICTURE HERE</font></div>");

//This is for CSS or you can disabled it


$(".nyot-logo").css({"color": "blue", "text-shadow": "3px 2px red", "border": "3px solid green", "text-
align":"center", "position": "relative", "top": "0", "width": "100%", "height": "100%"});
});

khonyot

Posts: 10
Joined: Fri Oct 13, 2017 3:11 am

Top

Display posts from previous: All posts Sort by Post time Ascending Go

Post a reply
16 posts • Page 1 of 1

Return to General Discussion (PHPMaker)

Board index
Delete all board cookies • All times are UTC + 8 hours

Powered by phpBB® Forum Software © phpBB Group

You might also like