Remove scrollbars in IFRAME

Is there any way to remove IFRAME  in AjaxFrameworkPage, and use only DIV?
I've developed a custom AFP but I cannot remove the annoying scrollbars in the IFRAME tag if the contents doesn't fit.
I want that content page expands in the body of the framework page and let the browser scroll down when needed.

Not sure but imagine it's a result of the layer height
exceeding the iframe definition. I would question the use of an
iframe at all in this situation. You are trapping the main content
of the site in a little box that forces to user to scroll too much.
I would also suggest you avoid layers. Besides the problem
you are seeing, the site layout also falls apart when the text is
resized.

Similar Messages

  • Removing scrollbars from iframe ..

    Hii all,
    I have created par component, in which i have used <iframe> to display the html content(KM Document)
    <iframe src="<%=target%>" width="100%" height="700px" marginheight="0" marginwidth="0" scrolling="auto" frameborder="0" align="left"/>
    When i assigned this iview to role, there are multiple scrollbars while resizing the window.
    I want to remove multiple scrollbars as single scrollbar is sufficient.
    I also tried with Embedded Isolation method, but not solved.
    Is there any other way to display KM html Docs as an iview in contentarea except standard km document ivew.
    Its quite urgent !! Any help would be appreciated.
    Thanks
    Ami.

    hi,
    There's three values yes, no and auto with "auto" being the default value given if you don't add a scrolling="" element and meaning that the browser will decide if scollbars are shown depending on whether or not the content page is larger than the frame itself
    Setting the value scrolling="no" inside your <iframe> tag will remove the scrollbars, but obviously if the content page is larger than the frame your visitors will not see everything.
    check the following link for reference
    http://netcode.net/articles/inline_frames.php
    http://archivist.incutio.com/viewlist/css-discuss/75669
    regards,
    shyja

  • Removing scrollbars on the JSP page of frames created by included JSP files

    Hi All,
             In the iternet sales B2B application which we are developing, has a blank JSP file. Wherein we are adding other JSP files on it, loading trough JS.
    When we are adding it is making the various jsp files in the form of the frames, and each frame has different JSP page. So it is adding scrollbars on each frame if the size of the page exceeds the size of frame.
    we don't want the scrollbars. Kindly suggest to remove these scrollbars, and all the pages should look as a single JSP page.
    Thanks & Regards
    EKta

    Hi
    set scrolling="no" while creating frames
    Murali.K.N

  • Why does IE show scrollbars on iframe?

    I have used an iframe element on my page:
           <div id="box_1"><iframe frameborder="0" scrolling="no" width="650" height="700" src=/popup.htm"></iframe></div>
    Now when I use this in  firefox / chrome / safari - this works fine and no scroll bars show.
    However in Internet Explorer 9 and 10 it does show scrollbars even when it does not need to - plenty of room.
    Can anyone please tell me how to stop the scrollbars in IE?
    Thank you
    Terry

    Does this look like Legos to you?
    Native file size was 4104px wide x 3176 height.
    Documenent Size:
    144 x 112 cm
    72 dpi
    Nancy O.

  • How to remove Scrollbar from af:menu Please Urgent

    Hello,
    we have in our application an af:menu and during run time if the menu contains a lot of menu items then a scrollbar is visible on the bottom and on the top of the page.
    Is there a way to remove the scroll bar and display the whole menu?
    Thank you in advance
    Nota
    Edited by: user8270421 on Mar 2, 2011 4:24 AM

    Doctor, we're losing the patient on the operating table! I need to remove these scrollbars, STAT!!!
    That would be urgent. :)
    Sorry, I haven't tried removing scroll bars from af:menu, so I cannot add anything.
    John

  • Need to remove scrollbars that appear around downlevel poster image in IE

    I have a responsive animation, so I have not played around with height and width dimensions.  Both are set to 100%/auto.  Overflow hidden or visible doesn't make a difference.  Perhaps a '"scrollbars="no"' declaration somewhere, just don't know exactly where (not a javascript programmer)? I need to resolve this issue!  Help please, anyone? Animation plays fine in all browsers with no scrollbars.  It's only the downlevel poster image that has this issue.

    The artwork has no printable border.
    What you are seeing is the artboard bounds. You can prove it to yourself by printing the document (print to PDF if you don't want to waste paper) or by changing the artboard size via File | Document Setup.
    The artwork does happen to have a rectangle that exactly coincides with the artboard size. It provides the taupish background. If you select it and look at the appearance palette, you'll see it has a fill but no stroke.
    {Beaten to the punch by Larry.}

  • How to remove scrollbar from text

    I have a control <mx:text> is contained within a
    canvas. I want to make sure the length is not over a certain size,
    however when i do this the text is longer than the area and it
    places a scroll bar right over the text. I know with a textarea
    control I can set the scrollbar policies to off, but that is not
    available for text. I really would just like it to truncate the
    text, but cannot find any way to do it. Any help on how to get rid
    of the scrollbar, and keep the size I would like would be
    great!

    just set the width of the element to a static number, any
    additional text that goes past the width just won't display.

  • Removing ScrollBars in URL iView

    Dear Experts,
    I have a requirement of displaying an INTRANET site into URL iView in a page. The problem is I am getting a scroll bar when the contents increase inside the URL iView.
    I tried with the following settings:
    iView properties:
    Height - Automatic
    max automatic height - 2000
    Fetch mode - Client
    Page properties:
    Height - Automatic
    max automatic height - 2000
    But still I am getting the scroll bars.
    Is there anyway I can remove scroll bars by resizing the iView size automatically depending on the contents in it.
    Regards,
    Nirmal Sivakumar G

    Cross post..see the other thread which I replied.
    Koti Reddy

  • Removing scrollbar in a RichTextEditor

    Hi Everyone,
    I'm working with the RichTextEditor and I'm curious if it's
    possible to limit the ability to scroll? I only want text able to
    be entered within a certain space.
    Thanks much!

    That seems to turns the visibility of the scrollbars off, but
    not the functionality.
    Or am I doing something wrong?

  • Removing scrollbar from AWT List

    Hi,
    I have an instance of List on my screen. I noticed when I have more than one item on the list, it shows automatically a vertical and horizontal scrollbars.
    I have to disable scrollbars, but cannot find out if it is possible with AWT List or should I opt for a different Component than List.
    Could anyone give me a hand?
    Thank you,
    Caren

    List is what you want. Use this constructor...List(int, boolean). First argument is number of items to display in the list, second is if List is mulitle selection list. So for a normal list with 5 items do this:
    List myList = new List5, false);
    This should stop a scrollbar being put in (unless you add more than 5 items). If this doesn't work it's proably your layout manager set up.
    Hope this helps

  • Page Viewer Web Part with horizontal scrollbar

    Hi,
    I added a page viewer webpart to a sharepoint 2013 website and placed a reporting services report url on it, however in some users the browser shows a horizontal scroll bar and cuts the report area. This is not version related because
    I can see it well in IE10 in one user and in others it shows the reported problem.
    Seems to be browser settings. Any ideas?
    Thank you

    Hi,
    According to your post, my understanding is that some users’ browser shown a horizontal scroll bar in the page view web part.
    You can disable the horizontal using the CSS style as the following.
    <style type="text/css">
    #WebPartWPQ3 {
        OVERFLOW-X: hidden !important
    </style>
    Note: the WebPartWPQ3  is the webpart ID.
    You can find the ID as the following thread:
    http://sharepoint.stackexchange.com/questions/29649/disable-horizontal-scroll-bar-on-navigation-web-part-in-sharepoint-2010
    Instead of using page viewer web part, you can also use the content edit web part with IFrame, and some JavaScript to achieve it.
    For more information:
    http://majidbaig.blogspot.in/2012/07/page-viewer-web-part-dynamic-height.html
    There is a similar thread for your reference.
    http://stackoverflow.com/questions/368480/removing-scrollbars-from-content-editor-page-viewer-webpart
    Thanks & Regards,
    Jason
    Jason Guo
    TechNet Community Support

  • IFrame(child container) still visible after closing the title window(parent container)

    Hi All ,
    I have created a sample project using a link button which when clicked opens up an TitleWindow which has an iframe and a text area in a hbox
    When you execute the application ,
              Click the link button
              The Popup window opens up showing the title window with the close button
              Click the close button of the title window
              The Title window is removed and the iframe and the text area are not visible
    Do this a couple of times
    You can notice that the iframe is still visible even when the title window is closed
    Can someone explain me how this issue can be resolved and also explain me why the iframe(child container) is still visible when the title window(parent container) is not visible. 
    Main Application file
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application
        width="100%" height="100%" creationPolicy="all"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical" creationComplete="init()"
        xmlns:containers="containers.*">
       <mx:Script>
       <![CDATA[
           import mx.managers.PopUpManager;
           import containers.PopUpBrowser;
           public function doRequest():void
                    var requestPopup:PopUpBrowser = PopUpManager.createPopUp(this, PopUpBrowser) as PopUpBrowser;
                    PopUpManager.addPopUp(requestPopup,this);
                    requestPopup.x = 220;
                    requestPopup.y = 50;
       ]]>
       </mx:Script>
       <mx:Text fontSize="14" fontWeight="bold" text="Click the link button below to open the Title Window" />
       <mx:Spacer height="100"/>
       <mx:LinkButton label="Click me" fontSize="16" fontWeight="bold" click="doRequest()"/>
    </mx:Application>
    PopUpBrowser.mxml Component
    <?xml version="1.0" encoding="utf-8"?>
    <mx:TitleWindow
        xmlns:mx="http://www.adobe.com/2006/mxml"
        close="removeMe()"
        showCloseButton="true"
        styleName="myTitleWindowStyle"
        width="850" height="500"
        title="Klout User Profile"
        paddingTop="1" paddingBottom="1"
        paddingLeft="1" paddingRight="1"
        xmlns:generic="com.serendio.voom.components.generic.*"
        xmlns:flexiframe="http://code.google.com/p/flex-iframe/"
        horizontalScrollPolicy="off"
        verticalScrollPolicy="off" >
        <mx:Script>
            <![CDATA[
                import mx.managers.PopUpManager;
                public function removeMe():void
                    PopUpManager.removePopUp(this);
            ]]>
        </mx:Script>
        <mx:HBox width="100%" height="100%">
        <flexiframe:IFrame source="http://www.google.com" id="iFrame" width="50%" height="100%"/>
        <mx:TextArea text="Open and close the title window few times and watch the iframe remain visible even when the title window is closed"
             fontSize="14" width="50%" height="80%"/>
        </mx:HBox>
    </mx:TitleWindow>
    Thanks,
    Ajantha

    Hey,
    This is working fine for me with the current 4.5 Flex, Firefox 3.6.12, IE8. On what browser you are getting this error.
    Thanks,
    Jayagopal.

  • Loading an iframe in Edge, can't get rid of border

    The iframed flipbook does not have a border outside of Edge. Changing the height in Edge moves the border.
    I am using this
    sym.$("Box").html("<iframe width='770' height='360' src='http://**********/flipbook/' scrolling='no' border='0' border='no'></iframe>");
    Any tips for getting rid of that border?

    Hi somnamblst,
    Found something that could help you html - Remove border from IFrame - Stack Overflow
    Thanks,
    Preran

  • Can you remove Firefox Scroll Bar ....[Solved]

    In Firefox I am looking for a way to remove side scroll bar
    Is this possible?
    Did have a quick google but only came up with tab scroll????
    Last edited by Mr Green (2008-12-20 20:55:47)

    Mr Green wrote:it does remove scrollbar but you lose mouse wheel scrolling ;-(
    I use the following…
    /* hide vertical scrollbar */
    notificationbox {
    overflow-x: hidden;
    browser[type="content-primary"], browser[type="content-targetable"] {
    overflow-y: scroll;
    margin-right: -12px; /* 12px == width of my scrollbar */

  • How to refresh a portlet without refreshing whole page?

    hi
    I have 3 jsp portlets on a page. Now, I can write some javascript code in a jsp and refresh it after a predetermined interval of time.
    If i do this with the jsp portlet the whole page will get refreshed which is not something i want to do. i want only that jsp portlet to get refreshed.
    Is it possible?
    This actually is like having yahoo mail and hotmail both of them on the page and working with both of them simultaneously. Is it possible using portlets.
    Pl. help
    null

    Hi Little Foot,
    I think it is because I use a simple input button (created manually in the code), and you use an apex built-in submit button, so it submit the page.
    But since I posted that solution, I have found a better way, that allow me to get upload status, it is very simple :
    Create a file browse item :
    Name : P3_FILE_BROWSE
    Storage Type : Table WWV_FLOW_FILES
    Post Element Text : &lt;div id="upload_status">&lt;/div>
    Bind event on the element that will trigger the upload
    $('#your_element').click(function(){
         if ($('#P3_FILE_BROWSE').val() != '') {
              $('#wwvFlowForm').parent().append('<iframe id="upload_iframe" name="upload_iframe" style="display:none;"></iframe>');
              $('#upload_iframe').unbind('load').load(function () {
                   /* upload finished, so here you can do what you want with the uploaded file
                   $('#upload_status').html('<img alt="" src="'+IMAGES_PATH+'ajax-loader.gif" style="height:28px;width:28px;" /> file processing...');
                   //do what you want with the file
                   $('#upload_status').html('')
                   $(this).remove();
              $('#wwvFlowForm').attr('target','upload_iframe').submit().removeAttr('target');
              $('#upload_status').html('<img alt="" src="'+IMAGES_PATH+'ajax-loader.gif" style="height:28px;width:28px;" /> uploading file...');
    });It automatically create the hidden iframe, submit the form into it, tell the user upload is finished, and remove the hidden iframe.
    your_element can be a button, an image, etc...
    Hope it can helps !
    Yann.

Maybe you are looking for