Color of Tabstrip

Hello Experts,
I am using the htmlb:tabStrip in my application and I want to change the background color in to white.
the sample of code is here
<htmlb:tabStrip id="tbstrp" width="95%" bodyColor = "white" selection="<%=selection%>" >
but the color is giving is default blue.
Please help to change the color of this tabstrip.
Kuldeep Verma

Check out this link..
how to chabge the BSP background to White and retaining the tabstrip color
Raja T

Similar Messages

Want to change the Background Color of Selected Tab

Hi All,
I want to change the Background Color of Selected Tab of the tabstrip visible in Content Admin Role (Browse, Overview etc.).
I have changed the Background Color of Selected Tab - Tabstrips-Complex Elements through Theme Editor, but that did not take effect.
Only the other webdynpro components tabstrips took effect.
Regards,
Vishal

Hi Andre,
I don't know if you have already figured out how to change the background color of the tabstrip, but I will explain how we have done it.
You might have tried to change the background color in "Tabstrip" (under the menu "Complex Elements") in Theme Editor. When you change the property "Background color of selected/unselected tabs", this will not change the color of the images on the tabstrip (ex. the triangle on the side of the tab). These images are on the server. We copied these images and then made changes to them, before we uploaded them again through the Theme Editor.
The path to find the images is /usr/sap/~/JC01/j2ee/cluster/server0/apps/sap.com/irj/servlet_jsp/irj/root/portalapps/com.sap.design.urdesigndata/themes/portal/the name of your theme/common/tablist
If this didn't work for you, you might have to change the properties in "Pattern Containers" (under Complex Elements") in Theme Editor. The tablist properties are under the header "Tab Container".
I think it should work for you then. We also found that there was some problems when we tried to view the changes in Firefox, but haven't figured out how to solve this.
/Ellen

How to set color for a tabstrip in BSP

Hello all,
Can anyone please let me know how to set color for a tabstripn in BSP?
I am using the below syntax but it still gives me the default color.
<htmlb:content design="design2003" >
<htmlb:page title="test " >
    <htmlb:form>
<htmlb:tabStrip id         = "TabStrip"
                      bodyHeight = "200"
                      bodyColor = "red"
                      width      = "700" >
</htmlb:tabStrip>
</htmlb:form>
</htmlb:page>
</htmlb:content>
Thanks,
Sandeep

Hi...
The below code is working fine for me...
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<htmlb:content design="design2003" >
<htmlb:page title="stg " >
    <htmlb:form>
      <htmlb:tabStrip width      = "430"
                      bodyColor = "rgb(88,5,64)"
                      id         = "t1"
                      bodyHeight = "112" >
        <htmlb:tabStripItem id      = "t1"
                            index   = "1"
                            title   = "Sales"
                            tooltip = "My Tooltip for Tab 1" >
          <htmlb:textView text="Tab N 1" />
          <htmlb:tree id        = "treeReports"
                      showTitle = "true"
                      table2    = "<%= mt_nodes %>"
                      title     = "Menu"
                      width     = "100%" />
        </htmlb:tabStripItem>
        <htmlb:tabStripItem id      = "t2"
                            index   = "2"
                            title   = "Production"
                            tooltip = "My Tooltip for Tab 2" >
          <htmlb:textView text="Tab N 2" />
        </htmlb:tabStripItem>
      </htmlb:tabStrip>
    </htmlb:form>
</htmlb:page>
</htmlb:content>

How can i hide a tabstrip control

On my screen there are a pushbutton and a tabsrtip control which contain two tabs.
initial,the tabstrip is visible,and the button with icon_collapse icon.
then,i click the button ,and the tabstrip must be invisible,and the button's icon will change to icon_expand.
if i use screen-name conditions to set the tab invisible,but the tabstrip has a shadow on the screen.the color of the space obtained by the tabstrip is different with other space's color.
How can i set the color same with other if i want to hide the tabstrip.
ths very much.

see the example of custom tabstrip control for 0591 infotype
MODULE ztab_strip_active_tab_set OUTPUT.
   IF psyst-dsubt EQ 'BNPF'.
     g_ztab_strip-pressed_tab = c_ztab_strip-tab2.
     LOOP AT SCREEN.
       IF screen-group4 = '060'.
         screen-active = 0.
         MODIFY SCREEN.
       ENDIF.
     ENDLOOP.
   ELSEIF psyst-dsubt EQ 'BNES'.
     g_ztab_strip-pressed_tab = c_ztab_strip-tab1.
     LOOP AT SCREEN.
       IF screen-group4 = '050'.
         screen-active = 0.
         MODIFY SCREEN.
       ENDIF.
     ENDLOOP.
   ENDIF.
   IF   psyst-dsubt NE 'BNPF' AND psyst-dsubt NE 'BNES'.
      LOOP AT SCREEN.
       IF screen-group4 = '050'.
         screen-active = 0.
         MODIFY SCREEN.
       ENDIF.
     ENDLOOP.
      LOOP AT SCREEN.
       IF screen-group4 = '060'.
         screen-active = 0.
         MODIFY SCREEN.
       ENDIF.
     ENDLOOP.
     g_ztab_strip-pressed_tab = ' '.
   ENDIF.
   ztab_strip-activetab = g_ztab_strip-pressed_tab.
   CASE g_ztab_strip-pressed_tab.
     WHEN c_ztab_strip-tab1.
       g_ztab_strip-subscreen = '0201'.
     WHEN c_ztab_strip-tab2.
       g_ztab_strip-subscreen = '0203'.
     WHEN OTHERS.
       g_ztab_strip-subscreen = '0202'.
   ENDCASE.
ENDMODULE.                    "ZTAB_STRIP_ACTIVE_TAB_SET OUTPUT
check this for hiding one tabstrip in one subtype and another in next subtype

Unable to customise Tab (color) in Portal Theme through Theme Editor

Hi Everyone ,
I m working on Themes in Portal 7.0 . I have customised the theme but dont know why i m not able to customise Tabs (Color) .
Like When u click on System Administration ->System Configuration ->system landcape -> (There is second menu with Browse & Search ) and Overview of System Landscape pic in the Content area.
Here Browse / Search / Overview are still apperaing in black color .. i want to edit these and give some background color to that panel as well

Hi Shivani,
You would be able to change the colors on the tab by changing the following in the Theme Editor
1. Old BSP Tabstrip under Component-Specific Styles
2. Tabstrip element under Complex Elements
The first one is to do with your requirement of changing the colors of the tab shown in the standard portal iViews. The webdynpro tabstrips would respect the settings under the Complex Elements.
Well here's a caveat. Once you specify what colors you want for the tabs, you would also have to create images (Transition images, Starter images, End images) for the tabs in question so that they blend into the transitions smoothly.
Hope it helps,
Prathamesh

Firefox chrome in washed-out colors, hard to read

Hi,
To see anything but bright washed-out colors and text, I had to change to a dark theme! (NASA Night Launch) But this is as good as it gets, bleached pink (should be black), text still hard to read.
- Web page ok, it's just the chrome (tabstip, address bar and other toolbars) that is messed up.
- Only present on one of my computers (with FF32.0.1).
- On this computer (laptop), the problem is present on two recently added external displays. (not the built-in, not previously added displays)
- Only Firefox affected, no other programs running on my Win8.1update is affected. (other browsers show regular colors/text in tabstrips, toolbars, menus etc.
- Problem gone while in Firefox Safe Mode.
- Problem remains even if I disable every single add-on, and set "ask to activate" on every plugin.
Any ideas?
Hope to be able to stick to Firefox in the future :)

Can you attach a screenshot?
*http://en.wikipedia.org/wiki/Screenshot
*https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
*Use a compressed image type like PNG or JPG to save the screenshot
*Make sure that you do not exceed the maximum size of 1 MB
Were you using or did you ever use a lightweight theme (Persona)?
Try to disable hardware acceleration in Firefox.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
You need to close and restart Firefox after toggling this setting.
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

Change color of portal tab strip

Hi.
In EP versión nw04s sp 16 there is a bug in the theme editor, is not posible to modify the tab color in the standard portal tabstrip.
The note 1150293 said that it should modify some css files, i do it but the tabs of standard tabstrip control do not change color...
I have clear the portal cacher, open a new browser window, restart java server...
any idea?
thanks...

Thanks Aditya... but i made the modifications in this manner... i have copied the css files in other directory, edit it, and, then, i put it manually in the corresponding directory...
When, after that, i open the css files, it has the modifications than i made... but the standar tabstrip control remains with the same colors.
Any other idea?
Thank you very much and regards

How to design and have universal color correctness?

I designed a label using Illustrator and Photoshop, but when I got it printed, the color came out different than the onscreen visual. How can I avoid having to adjust everything? I want to be able to take it anywhere and print it and it come out how I designed it.

Hi Saravanan,
In your view, you have to add the UI element TabStrip. You will have an empty tab strip then. Right click on the tab strip, and add a 'Tab'. Continue in this manner to add as many tabs as you want. Each tab will have a header, specify the tab title in that.
Now go to each tab, right click and insert element. You could insert any element like a table, Input fields etc. Event handling has to be done separately for these elements. At the tabstrip level, you need to handle only the onTabSelect event. This is the event triggered when you change tab selection in the tabstirp. In the properties of the tab strip, there will be a field selectedTab. Specify the ID of the tab which you want as selected. This will be your initial selection.
You can also enable and disable tabs, say grey out tabs that have no data etc. All this can be done by context attribute binding.
You can also refer to the view by name TABSTRIP in the component WDR_TEST_EVENTS.
Regards,
Uday

Error in tabstrip styles

hi Experts,
I am working on webdynpro java ui in which working on Tabstrips and subtabs.
Am trying to change the background colors and border color of tabs and sub tabs and the color of tab,subtab text.Please provide possible solution for this .
Regard's,
Prashanth.

Hi Ravi,
I Think that LOW belongs to select options low related, your select option is working fine?
Check without tabstrip that is working or not.
Cheers,
Kris.

How set color for a ValidationTextField's hint?

I want to set color for a ValidationTextField's hint, to
implement watermark effect, how do it?

Hi...
The below code is working fine for me...
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<htmlb:content design="design2003" >
<htmlb:page title="stg " >
    <htmlb:form>
      <htmlb:tabStrip width      = "430"
                      bodyColor = "rgb(88,5,64)"
                      id         = "t1"
                      bodyHeight = "112" >
        <htmlb:tabStripItem id      = "t1"
                            index   = "1"
                            title   = "Sales"
                            tooltip = "My Tooltip for Tab 1" >
          <htmlb:textView text="Tab N 1" />
          <htmlb:tree id        = "treeReports"
                      showTitle = "true"
                      table2    = "<%= mt_nodes %>"
                      title     = "Menu"
                      width     = "100%" />
        </htmlb:tabStripItem>
        <htmlb:tabStripItem id      = "t2"
                            index   = "2"
                            title   = "Production"
                            tooltip = "My Tooltip for Tab 2" >
          <htmlb:textView text="Tab N 2" />
        </htmlb:tabStripItem>
      </htmlb:tabStrip>
    </htmlb:form>
</htmlb:page>
</htmlb:content>

Regarding screen colour using 'screen-color'

As per my client's requirement I have developed Tabstrip in the module pool progarmming. The requirement is to change the screen colour.
My question is can we change the screen colour ?
What is the use of 'SCREEN-COLOR' Parameter ?
If using 'SCREEN-COLOR' how one can change the colour of the screen ?
Code I have employed is as follows
In the PBO of screen to be called
LOOP AT SCREEN.
SCREEN-COLOR = 2.
MODIFY SCREEN.
ENDLOOP .

Hi Mahesh,
Please let me know where have you found this parameter.
Thanks,
Sai
ok got it
Edited by: Sai Krishna Kowluri on Jun 15, 2009 1:06 PM

Change Color of Tabs Web Item

I'd like to publish a WAD 7.0 webtemplate including several tab groups which need to have different colors, one color for one issue.
Currently I found no way to realize that.
I tried to put the &STYLE_SHEET=<url>/<name.css> after the web template link without success. I also tried to use <link href="<url>" type="text/css" rel="stylesheet" /> in the web template without success.
Do you have some ideas for me?
Cheers Anja

Hi,
In BI 7.0, by default, colors for 7.0 web templates should be changed by changing the portal theme. You need to be a portal administrator to do this.
Portal themes can be edited with the theme editor: Go to System Administration --> Portal Display --> [Choose theme assigned to user group] --> Theme Editor. The default theme is Tradeshow. If no custom theme is made, you better make a copy of Tradeshow and assign this to the users.
The colors of the tabstrip can be changed by choosing the item 'Tabstrip'.
This should solve the problem of Maya M. For using different colors for different tabs (ahaufe), probably a combination of javascript and CSS should be used. You don't necessarily need to link to an external stylesheet. You can also put CSS code directly in your template between <style type="text/css"> </style> tags (in de the <head> area). See http://www.tizag.com/cssT/internal.php for examples.
Good luck,
Daniel

Tabstrip in Theme Editor

Hi all - I'll try to explain this the best I can......within the theme editor, I'm attempting to create tabs that are one uniform color. Somehow, I've created 2-tone colored tabs. The 'Background Color of Selected Tab' is one color (which I've intentionally specified), but the remaining part of the tab is a different color - where this other color is getting pulled from, I have no idea. There isn't an option under the 'Tabstrip' option (which is found under 'Complex Elements') to change this color, so it's coming from somewhere else - anyone have any idea where I can look?
This leads me to my second question - is there any documentation which explains all of the options/elements within the Theme Editor and what they affect? I know there is a preview window which helps somewhat to understand what your changes look like, but it's lacking in an overall understanding as to what is affected, and where.
Thanks!
Steve

Those are images and you cannot change their color. You can either upload your own images with the color you want it to be or you can upload a blank image. If you upload a blank image then the tab will just look like a rectangle.
The triangles to the left of the tab are the starter images and the block to the right are the end images.
regards,
Clint

Can I show a color bar instead of a color bullet in iCal Monthly view for all my events in all calendars?

In the Monthly view of iCal the only events that show a color bar in the event is the Birthday Calendar. All other events in all my other calendars only show a color bullet next to the event (unless I click on that event which then shows as a color bar). I would like to know if it is possible for all the calendar events to have a color bar in the monthly view instead of just that tiny color bullet.

Greetings Judith,
Before making any attempts at deleting calendar data, backup what you have just in case:
Click on each calendar on the left hand side of iCal one at a time highlighting it's name and then going to File Export > Export and saving the resulting calendar file to a logical location for safekeeping.
iCal has an automated function located in iCal > Preferences > Advanced > Delete events "X" days after they have passed. By typing in a value for days you can tell iCal to delete all events before that time frame.
Example:
Today is 4-16-2012.
If I wanted to delete all events prior to 1 year ago (4-16-2011) I would type in "365" for the number of days.
Once you type in the number of days you want kept in iCal, close the preferences and then quit iCal.
Re-open iCal and check to see if the events are gone. If not you may want to leave it open for several minutes and then quit again.
Once the events are removed go back to iCal > Preferences > Advanced > Delete events "X" days after they have passed and make sure the check mark is removed to prevent future deletion.
Hope that helps.

Fax function of HP LaserJet Enterprise 500 Color MFP M575

Hi,
I am one of users of HP LaserJet Enterprise 500 Color MFP M575.
I would like to know can I set the printer do not print my fax number and fax header on paper when I fax my document to others.
I had login as admin but I did not see where I can config it.
Thank you.
Regards,
Jimmy Pun

There is no change to this problem after 6 months since the last post. Put simply, and as stated in the previous posts, there is no way to scan a document and receive the image on your PC. If you are working with graphics for any length of time or want to create an image for inclusion as an image in a document or web page using this piece of equipment will not allow you to do so.
Great shame as every other function works well - it cannot be beyond the wit of HP to include a Windows application that enables you to scan an image, receive it in the software you are using at the time (e.g. Outlook, Word, Photoshop...) and use it in your work.
HP Printers several years older than this £1000+ Enterprise printer were able to do this simple job and have done so for a great many years. Just being able to use Microsoft's Fax and Scan would be start.

Color of Tabstrip

Similar Messages

Maybe you are looking for