Skip to Content

SBSPEXT_HTMLB

Hello,

can somebody give me a hint, how to create an pusbotton to hide and show a navigation bar on the left side of a screen.

I already checked the example SBSPEXT_HTMLB, and i can reuse the structure of the screens, but i need an arrow to close and open this navigation bar.

(similar as sap is doing this in the oss note search).

Thanks for your help

Dieter

Add a comment
10|10000 characters needed characters exceeded

Related questions

4 Answers

  • Posted on Dec 20, 2006 at 03:59 PM

    So do you want to remove the left side menu bar?

    Raja T

    Message was edited by:

    Raja T

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Dec 20, 2006 at 04:08 PM

    Hi,

    If you want to develope the screen strucutre just like SBPEXT_HTMLB, then in that application Leftside & right side screen coming from Different Framesets.

    YOu can do something like below in the Layout:

    If push_button_event EQ 'Close'. " Then Display only one Framset, ie Right handside Frameset
              <frameset  framespacing="0" frameborder="0">
                 <frame name="test" src="BreadCrumb.bsp?sap-htmlb-design=<%=sap_htmlb_design%>" scrolling="auto">
              </frameset>
    
    elseif. " Display left & right side framesets
          <frameset cols="16,*" frameborder="0" border="0">
                <frame style="border-right-style:solid;border-color:#A5B1BF;border-width:1px" name="menu" src="default_menu.htm?sap-htmlb-design=<%=sap_htmlb_design%>&themeRoot=<%=theme%>" scrolling="auto">
                <frame name="test" src="BreadCrumb.bsp?sap-htmlb-design=<%=sap_htmlb_design%>" scrolling="auto">
              </frameset>

    Hope this will help you..

    Raja T

    Message was edited by:

    Raja T

    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Dec 20, 2006 at 07:16 PM

    Hello Raja,

    i do not wan't to have a pushbutton to hide and show the left frame, i would like to have an arrow icon on the right side of the left frame. Is this also possible to add an icon on the top right side of the left frame?. When pressing the button the left frame (navigation pane) should be hidden, but not the icon > that the user is able to show the navigation pane again . > where do i have to add such an icon ?

    Thank you

    Dieter

    Add a comment
    10|10000 characters needed characters exceeded

    • Just for show/hide left frame dont go for server event and it will get complicated to maintain state.

      check out this example. which uses javascript to show/hide left frame

      default.htm

      <%@page language="abap" %>
      <%@extension name="htmlb" prefix="htmlb" %>
      <htmlb:content design="design2003" controlRendering="sap">
        <htmlb:document>
        <htmlb:documentHead title="FC">
      
              <frameset id="TopFrame" rows="55" frameborder="0" border="0" >
                 <frameset  id="MiddleFrame" cols="230,*" frameborder="0">
                  <frame style="border-right-style:solid;border-color:#A5B1BF;border-width:4px;cursor:e-resize" src="left.htm" name="left">
                  <frame src="right.htm" name="right">
                </frameset>
              </frameset>
      
          </htmlb:documentHead></htmlb:document>
      </htmlb:content>
      

      right.htm

      <%@page language="abap" %>
      <%@extension name="htmlb" prefix="htmlb" %>
      <script language="JavaScript">
      function hideFrame(){
      parent.document.all("TopFrame").all("MiddleFrame").cols="10,*";
      }
      function showFrame(){
      parent.document.all("TopFrame").all("MiddleFrame").cols="230,*";
      }
      </script>
      <htmlb:content design="design2003" >
        <htmlb:page title=" " >
          <htmlb:form>
            <htmlb:textView text   = "RIGHT"
                            design = "EMPHASIZED" />
            <htmlb:button id            = "HF"
                          text          = "Hide Frame"
                          onClientClick = "javascript:hideFrame();" />
            <htmlb:button id            = "SF"
                          text          = "Show Frame"
                          onClientClick = "javascript:showFrame();" />
          </htmlb:form>
        </htmlb:page>
      </htmlb:content>

      left.htm

      <%@page language="abap" %>
      <%@extension name="htmlb" prefix="htmlb" %>
      <htmlb:content design="design2003" >
        <htmlb:page title=" " >
          <htmlb:form>
            <htmlb:textView text   = "LEFT"
                            design = "EMPHASIZED" />
          </htmlb:form>
        </htmlb:page>
      </htmlb:content>

      Regards

      Raja

  • Posted on Jan 08, 2007 at 10:53 AM

    Thanks to you both.

    Dieter

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.