12 Replies Latest reply on Feb 28, 2006 5:09 PM by sitongia

    Change navigation image?

    sitongia

      How do I change this in Portal 2.2? Do I need to create a new theme?
      Or do I need to create new code, subclassing the navigation portlet?

      Thanks,
      ==Leonard

        • 1. Re: Change navigation image?

          What image are you referring to exactly ?

          You most definitely don't have to create a new theme. You can always replace the image in the current theme, or overlay the image via an inlined css element, etc.

          Once I understand better what image you try to replace, I'll be able to give you more details.

          ...or perhaps Mark or Paul can dive into the CSS details with you ;)

          • 2. Re: Change navigation image?
            sitongia

            Thanks for your reply!

            I mean the graphic image that is above the tabs that says JBoss Portal in it.

            Maybe that isn't part of the navigation?

            ==Leonard

            • 3. Re: Change navigation image?
              noicangi

              i thing that he refers to the image in the tab in firefox, where the title of the page apears, favicon.ico i think.

              i tried to change it but it didn't works.

              • 4. Re: Change navigation image?
                sitongia

                No, I mean the main JBoss portal graphic image that is above the navigation tabs.

                With the Nphalanx theme, for example, the top of the portal page has navigation tabs labeled Test, default, etc.

                Above the tabs is a graphic, call it the top-nav logo image or whatever your terminology is. It shows the text "JBoss Portal" and on the right side has some images of studded spheres.

                It's a common thing in portals and web sites. The top/header/banner image.

                Here, the image changes when one changes themes. That's why I wondered if it is defined in the theme somehow.

                Thanks.

                • 5. Re: Change navigation image?
                  noicangi

                  sorry, i thought it was that image....take a look at:

                  http://www.jboss.com/index.html?module=bb&op=viewtopic&t=77854

                  • 6. Re: Change navigation image?
                    sitongia

                    Ouch! :-)
                    I've been reading, and will read more, but I was hoping there is a way through the UI to do stuff like this, rather than touching XML and other files.

                    • 7. Re: Change navigation image?
                      noicangi

                      welcome to the club ;) hahahahahaha

                      the 2.4 version is at cvs, its not ready but read the topic about cvs there's all the information ;) and some links

                      • 8. Re: Change navigation image?
                        sitongia

                        Okay, thanks noicangi.

                        • 9. Re: Change navigation image?
                          paul1

                          sitongia,

                          you can change the image by looking at the css file, and use your own graphic there or nothing... you don't need to do any real coding -- it's all in the theme.

                          • 10. Re: Change navigation image?
                            sitongia

                            Thank you, Paul!

                            • 11. Re: Change navigation image?
                              paul1

                              ...no problem at all. When you open the CSS file for NPhalanx, you'll see a selector to tweak:

                              #logoName {
                              background-image: url( images/logo.gif );
                              background-repeat: no-repeat;
                              width: 278px;
                              height: 126px;
                              z-index: 2;
                              position: absolute;
                              left: 2px;
                              top: 0px;
                              border-top-style: solid;
                              border-top-width: 2px;
                              border-top-color: #CFD2CF;
                              }

                              ....just replace the logo.gif image with your own (tweak the height/widths as needed. You can do that with other images or whatever -- that's the idea; keep the UI out of the code. Send us an IP or URL if you want -- you're running this on Mac/OSX? Happen to have the NCAR logo handy?

                              • 12. Re: Change navigation image?
                                sitongia

                                Ah, do you know NCAR? Sure, I have logos. Thanks for the instructions on how to do this!