Picture Button Border Stay on in first Tab in Infopath

Hi Guys,
I have created the Tab Navigation using Picture Button and View combination in InfoPath for the SharePoint List.
Has anyone come across an issue Border stays on the First Picture Button when another button is selected.
For example, When I select the Project Scope or Impacted Parties, border stays on the
Project General Info. See the snapshot below:
Any suggestion to fix this issue?
Thanks.
Cheers, Badal

Try to use
a:focus, *:focus {
noFocusLine: expression(this.onFocus=this.blur());
That's the focusing border added by the browser. For usability purposes, it's usually a bad idea to remove it unless you are doing something specific. It's very difficult to select controls using the keyboard without it.
If for some reason you REALLY need to remove it, I believe the other answers here may provide you with a solution. But as someone often concerned with usability, I would advise you to reconsider.
If this helped you resolve your issue, please mark it Answered

Similar Messages

  • Use different "fx-border-image-source" for first tab and remaining tabs

    Hi,
    I'm using something like this
    .tab {
    -fx-padding: 0px 5px -2px 5px;
    -fx-background-insets: 0 -20 0 0;
    -fx-background-color: transparent;
    -fx-text-fill: #c4d8de;
    -fx-border-image-source: url("images/tab5.png");
    -fx-border-image-slice: 20 20 20 20 fill;
    -fx-border-image-width: 20 20 20 20;
    -fx-border-image-repeat: stretch;
    -fx-font-size: 22px;
    .tab:selected {
    -fx-border-image-source: url("images/tab-selected5.png");
    -fx-text-fill: #333333;
         -fx-background-color: red;*/
    to customize the tab appearance of a TabPane.
    That worked well. But I need to use a different set of images for just the first tab. Does anyone know a way to accomplish that?
    Thanks.

    How can I "fix up" the first tab of tab panes that are created after I "fixed up" the first tab of the initial tab pane?
    My app allows user to create new tab panes at any moment during program execution.Not easy to answer this one.
    The best answer would be to use structural pseudoclasses, but (as David points out), they are not yet implemented.
    The trick here is how to identify the first tab of each tab pane so that it can be styled separately from the other panes.
    Doing the styling without a dynamic lookup is preferrable to using a dynamic lookup (i.e. when the first tab is created give it a specific style, e.g. tab0).
    This is how the charts work, where they set style classes based on series of data, e.g. series0, series1 - this allows you to independently style each series of data.
    However the chart stuff has all of that built into the implementation, whereas the tabs don't. To achieve that you would likely need to go into the TabSkin code (http://openjdk.java.net/projects/openjfx/) find out where and how it generates the Tab nodes and write a custom tab skin or extension of the existing one which assigns a numeric style class to each new tab in a pane (e.g tab0, tab1, etc). In other words, not particularly easy if you are unfamilar with the tab skin implementation. You could log a javafx jira feature request to have those style classes set on tabs - file it here => http://javafx-jira.kenai.com.
    In the meantime a simple alternative is to use the dynamic lookup method in my previous post and a hack such that whenever you add a new tab pane to the scene you do something like the following:
    new Timeline(
      new KeyFrame(
        Duration.millis(50),
        new EventHandler<ActionEvent>() {
          @Override public void handle(ActionEvent arg0) {
            Node tab = newTabPane.lookup(".tab");
            if (tab != null) tab.getStyleClass().add("first-tab");
    ).play();The reason for the Timeline is that I don't really know at what stage the css layout pass is executed. I know that when you initially show the stage and then do a lookup, the css pass seems to have already been done and the lookup will work. But for something that is dynamically added or modified after the scene is displayed - I have no idea when the css layout pass occurs, other than it's some time in the future and not at the time that you add the tabPane to the scene. So, the Timeline introduces a short delay to (hopefully) give the css layout pass time to execute and allow the lookup to work (not return null). Not the best or most efficient solution, but should work for you.

  • First tab wont close, navigation buttons not working

    Every time I open up Firefox, the first tab loads up my Home Page. But none of my navigation buttons work. I cant go back or home or anything.Then the back, foreword, reload and stop buttons will work after I open up a new tab. I still can not click the home button, well i click it, but It just does nothing, and yes i have made sure I have a home page set. I am never able to close the first tab that opens with the browser until i close the entire browser. I am able to close any tab i open after, but never the first one.

    Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    * Don't make any changes on the Safe mode start window.
    See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]
    You may also have a problem with the file places.sqlite that stores the bookmarks and the history.
    * http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox

  • Pressing the ENTER key in first tab -- a button in another tab is pressed?

    Hi guys, 
    I am facing a problem. I have a tab with 4 different tabs. When I am in the first tab, and trying to change a control's value by pressing the Enter key, it suddently switches to the seconds tab and presses a button there. 
    Any idea how that happens? I want to prevent that from happening. 
    Thank you
    Solved!
    Go to Solution.

    Sounds like you have the enter key assigned to some key navigation of another control. This is a general problem with the OK button of the system palette. Here is more information.
    LabVIEW Champion . Do more with less code and in less time .

  • HT1386 I don't have the iPhone button, as illustrated in the first picture. I've tried the tips that are mentioned in the first few steps and still nothing. My phone won't sync at all! I'm not completely computer illiterate; but, I am not well versed eith

    I don't have the iPhone button, as illustrated in the first picture. I've tried the tips that are mentioned in the first few steps and still nothing. My phone won't sync at all! I'm not completely computer illiterate; but, I am not well versed either. Could someone please tell me what I need to do to bring this back so I can sync my phone and laptop (windows op system).

    The screen-shot is on a Mac computer. It is very similar in Windows iTunes.  Have a look at this set of instructions instead.
    http://support.apple.com/kb/ph12313

  • I want Firefox to stay on the SAME tab instead of going to the FIRST tab after saving a page

    Several months ago FireFox (7) started going to the FIRST tab after saving and other actions.
    This is extremely irritating as I usually have several windows with numerous tabs open and its very time consuming to find the tab I was on.
    In fact, I have to open tabs in a new window prior to saving the page if I need info on that page for the file name as it's impossible to go anywhere but the first tab while at the prompt for the page name.
    I hope it's not supposed to do that and greatly appreciate help to fix this.
    Thanks, Christine

    The photo app puts files in date/time order and ignores their names.
    You can look for another app that may honor file names (sorry, I don't know any to recommend) or you can find a program that alters your file properties. If all the files have properties that read the same date and time, then it defaults to alphabetical order

  • My MacBook Pro is crashing and Mac OS stops working sometimes so I have to restart it. And sometimes it stays on the first white-ish screen with the Apple and won't start further. What to do?

    my MacBook Pro is crashing and Mac OS stops working sometimes so I have to restart it. And sometimes it stays on the first white-ish screen with the Apple and won't start further.
    What to do?
    Does that mean that the is the end of my Mac Book 5bought in the summer of 2009) ? Or is there someting to do to fix it?
    Thanks
    V

    Try this:
    How to Perform an Archive and Install
    An Archive and Install will NOT erase your hard drive, but you must have sufficient free space for a second OS X installation which could be from 3-9 GBs depending upon the version of OS X and selected installation options. The free space requirement is over and above normal free space requirements which should be at least 6-10 GBs. Read all the linked references carefully before proceeding.
    1. Be sure to use Disk Utility first to repair the disk before performing the Archive and Install.
    Repairing the Hard Drive and Permissions
    Boot from your OS X Installer disc. After the installer loads select your language and click on the Continue button. When the menu bar appears select Disk Utility from the Installer menu (Utilities menu for Tiger, Leopard or Snow Leopard.) After DU loads select your hard drive entry (mfgr.'s ID and drive size) from the the left side list. In the DU status area you will see an entry for the S.M.A.R.T. status of the hard drive. If it does not say "Verified" then the hard drive is failing or failed. (SMART status is not reported on external Firewire or USB drives.) If the drive is "Verified" then select your OS X volume from the list on the left (sub-entry below the drive entry,) click on the First Aid tab, then click on the Repair Disk button. If DU reports any errors that have been fixed, then re-run Repair Disk until no errors are reported. If no errors are reported click on the Repair Permissions button. Wait until the operation completes, then quit DU and return to the installer. Now restart normally.
    If DU reports errors it cannot fix, then you will need Disk Warrior and/or Tech Tool Pro to repair the drive. If you don't have either of them or if neither of them can fix the drive, then you will need to reformat the drive and reinstall OS X.
    2. Do not proceed with an Archive and Install if DU reports errors it cannot fix. In that case use Disk Warrior and/or TechTool Pro to repair the hard drive. If neither can repair the drive, then you will have to erase the drive and reinstall from scratch.
    3. Boot from your OS X Installer disc. After the installer loads select your language and click on the Continue button. When you reach the screen to select a destination drive click once on the destination drive then click on the Option button. Select the Archive and Install option. You have an option to preserve users and network preferences. Only select this option if you are sure you have no corrupted files in your user accounts. Otherwise leave this option unchecked. Click on the OK button and continue with the OS X Installation.
    4. Upon completion of the Archive and Install you will have a Previous System Folder in the root directory. You should retain the PSF until you are sure you do not need to manually transfer any items from the PSF to your newly installed system.
    5. After moving any items you want to keep from the PSF you should delete it. You can back it up if you prefer, but you must delete it from the hard drive.
    6. You can now download a Combo Updater directly from Apple's download site to update your new system to the desired version as well as install any security or other updates. You can also do this using Software Update.

  • I have a lot of tabs saved so they open when I open Firefox, but the first tab always changes into my homepage, Google. Is there any way to stop this?

    I have 20+ tabs always open on Firefox and it's set to remember them. However, when I open Firefox the first tab changes from what I had open there into my homepage, Google. I can use the "go backward" thing to get to the page I had there, but since it goes back to Google every time I restart the browser that gets tedious.
    The only way to solve this that I've found is to just stop trying to use the first tab and let it be Google. However, I'd like some actual solution that stops this from happening if possible.

    Thanks for the reply, it seems to have solved my issue.
    My tabs are normal and unpinned, I just have Firefox set to open all my current tabs. Safe Mode didn't seem to have this issue, so I disabled Classic Theme Restorer. Several restarts didn't have problems, so I enabled it again and now this isn't happening anymore. Hopefully it stays gone for good and didn't just stop momentarily.
    Edit. So as soon as I posted this, it started happening again. More testing definitely points to Classic Theme Restorer as the cause, so I'll have to investigate solutions on that end.

  • The first tab will not close, and often does not load all of a page.

    When I open firefox, the first tab always has 'search bookmarks and history' in the address bar, instead of the url of my homepage, and it will not close.

    While trying to figure out a solution, I removed my themes and I closed the tabs I could, then clicked on the new tab button, doing so changed my original tab into an (Untitled) tab and created a new (Untitled) tab. I then found I couldn't close either tab, I clicked on new tab again, got a third (Untitled) tab, which again I couldn't close. I then closed Firefox choosing not to save. This appears to have fixed the problem; however I do not know which of the above action(s) resolved it.

  • The first tab I have never closes and when I open a second one and close that the whole browser will close. Is this a bug?

    Since downloading the 4.0 beta, in both versions (4.0 and 3.6) I can't close the first tab that is opened when I start the browser. I click the red close button and nothing happens but if I open another tab and close that then it will close and the whole browser will close. I have uninstalled the beta version and the 3.6 version and reinstalled the 3.6 version but it hasn't made a difference.

    JUst experienced the exact  same problem after changing password.Getting same message. Hope someone has an answer for this.

  • Why does Firefox switch focus to an immediately adjacent tab (in a series of tabs) on middle-clicking a link instead of staying on the same tab? (with setting of NOT switching to new tab).

    I have usually 4 tabs open by default. If, for example, I'm in the first tab and middle-click a link to open a new tab, the tab opens but firefox focuses on the tab immediately adjacent to the tab I'm on (in this case, from tab 1 to tab 2 instead of staying on tab 1 whilst tab 5 is loading). The pattern repeats if I'm on tab x and open a new tab from tab x, but focus shifts to tab (x+1) instead of staying on tab x.
    It happens more often than not, i.e. it sometimes stops but usually happens.
    I have this setup for a year now and this is the first time this is happening. I believe since this latest update of 3.6.13.

    This issue can be caused by an extension or plugin that isn't working properly.
    Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    * Don't make any changes on the Safe mode start window.
    See:
    * [[Troubleshooting extensions and themes]]
    * [[Troubleshooting plugins]]
    If it does work in Safe-mode then disable all extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
    * Use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
    * Close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")

  • How to make a navigation bar with buttons that stay highlighted

    I have Dreamweaver MX 2004. I know how to make a simple nav
    bar, but how do you make it so it's like the Apple website, with
    buttons that stay highlighted on the appropriate page?

    "[email protected]" <[email protected]>
    wrote in message
    news:gd04sb$5mc$[email protected]..
    >I have Dreamweaver MX 2004. I know how to make a simple
    nav bar, but how
    >do you make it so it's like the Apple website, with
    buttons that stay
    >highlighted on the appropriate page?
    http://divahtml.com/products/divaGPS/current_menu_location.php
    Thierry
    http://www.TJKDesign.com/go/?0
    | Articles and Tutorials
    http://divahtml.com/products/scripts_dreamweaver_extensions.php
    | Extensions
    that keep your markup clean
    http://www.fourlevel.com/ |
    CSS Menus, Gallery, Tab Panels, etc

  • First tab will not close and address bar in tab does not update.

    The first tab and its address bar are not working as expected. I am unable to close the first tab using the close icon on the tab or by selecting close tab from right click menu.
    I also find that the address bar when displaying the first tab does not display the current web address, only text that has been previously written into the address bar field.

    While trying to figure out a solution, I removed my themes and I closed the tabs I could, then clicked on the new tab button, doing so changed my original tab into an (Untitled) tab and created a new (Untitled) tab. I then found I couldn't close either tab, I clicked on new tab again, got a third (Untitled) tab, which again I couldn't close. I then closed Firefox choosing not to save. This appears to have fixed the problem; however I do not know which of the above action(s) resolved it.

  • Opening first tab of jquery accordion when page loads

    Hello, I am wondering how I would make the first tab of my accordion to open when the page loads. It is a custom accordion and therefore it is hard to find the answer online.
    I want this to be specific to a certain page if possible rather than universal across the site.
    Here is the HTML:
    <div id="st-accordion" class="st-accordion">
                        <ul>
                            <li>
                                <a href="#">Lorem ipsum<span class="st-arrow">Open or Close</span></a>
                                <div class="st-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consequat auctor ante, sodales pretium felis auctor in. Aenean tempor, orci vel vestibulum lobortis, justo augue laoreet turpis, id consectetur dolor arcu sed arcu. Sed id dolor tellus. Nulla eros risus, sollicitudin in ultricies ac, tincidunt et nisl. Nam ac consectetur est. Morbi pretium libero in lacus semper ultricies. Vestibulum in nibh a ligula malesuada posuere ac vel lorem. Duis varius scelerisque vehicula. Maecenas convallis tellus in tellus facilisis eget sollicitudin est lacinia. Ut quam tortor, pretium non lacinia sit amet, iaculis ac ipsum. Donec quis libero accumsan felis fringilla pulvinar eget in leo.</p>
                                </div>
                            </li>
                            <li>
                                <a href="#">Lorem ipsum<span class="st-arrow">Open or Close</span></a>
                                <div class="st-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consequat auctor ante, sodales pretium felis auctor in. Aenean tempor, orci vel vestibulum lobortis, justo augue laoreet turpis, id consectetur dolor arcu sed arcu. Sed id dolor tellus. Nulla eros risus, sollicitudin in ultricies ac, tincidunt et nisl. Nam ac consectetur est. Morbi pretium libero in lacus semper ultricies. Vestibulum in nibh a ligula malesuada posuere ac vel lorem. Duis varius scelerisque vehicula. Maecenas convallis tellus in tellus facilisis eget sollicitudin est lacinia. Ut quam tortor, pretium non lacinia sit amet, iaculis ac ipsum. Donec quis libero accumsan felis fringilla pulvinar eget in leo </p> 
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
            <script type="text/javascript">
                $(function() {
                                            $('#st-accordion').accordion({
                                                      oneOpenedItem          : true
            </script>
                        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
            <script type="text/javascript" src="js/jquery.accordion.js"></script>
                </div>
    And the CSS:
    .st-accordion{
        width:100%;
        min-width:270px;
        margin: 0 auto;
    }.st-accordion ul li{
        height: 100px;
        border-bottom: 1px solid #c7deef;
        border-top:1px solid #fff;
        overflow: hidden;
    .st-accordion ul li:first-child{
        border-top:none;
    .st-accordion ul li > a{
        font-family: 'Josefin Slab',Georgia, serif;
        text-shadow: 1px 1px 1px #fff;
        font-size: 22px;
        display: block;
        position: relative;
        line-height: 100px;
        outline:none;
        -webkit-transition:  color 0.2s ease-in-out;
        -moz-transition:  color 0.2s ease-in-out;
        -o-transition:  color 0.2s ease-in-out;
        -ms-transition:  color 0.2s ease-in-out;
        transition:  color 0.2s ease-in-out;
    .st-accordion ul li > a:hover{
        color: #1693eb;
    .st-accordion ul li > a span{
        background: transparent url(../images/down.png) no-repeat center center;
        text-indent:-9000px;
        width: 26px;
        height: 14px;
        position: absolute;
        top: 50%;
        right: -26px;
        margin-top: -7px;
        opacity:0;
        -webkit-transition:  all 0.2s ease-in-out;
        -moz-transition:  all 0.2s ease-in-out;
        -o-transition:  all 0.2s ease-in-out;
        -ms-transition:  all 0.2s ease-in-out;
        transition:  all 0.2s ease-in-out;
    .st-accordion ul li > a:hover span{
        opacity:1;
        right: 10px;
    .st-accordion ul li.st-open > a{
        color: #1693eb;
    .st-accordion ul li.st-open > a span{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        transform:rotate(180deg);
        right:10px;
        opacity:1;
    .st-content{
        padding: 5px 0px 30px 0px;
    .st-content p{
        font-size:  16px;
        font-family:  Georgia, serif;
        font-style: italic;
        line-height:  28px;
        padding: 0px 4px 15px 4px;
    .st-content img{
        width:125px;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
    @media screen and (max-width: 320px){
        .st-accordion ul li > a{
            font-size:14px;
    @media screen and (max-width: 800px){
        .st-accordion ul li > a{
            font-size:16px;
    You can find the page at http://bit.ly/Zrpt1s
    Any help is grately appreciated thanks!

    Try
    $(function() {
        $('#st-accordion').accordion({
            oneOpenedItem    : true,
           open: 0

  • Is it possible to "indent" the first tab of a JTabbedPane ?

    Hello,
    Is there a simple way to add extra space before the first tab button in a JTabbedPane ? Is it possible to add components into this left area, like the "Favorites" buttons ins IE 7 ?
    Thank you in advance,

    I would imagine that the layout of the tabs is decided by the UI class specific to the platform you are using (i.e. a subclass of javax.swing.plaf.TabbedPaneUI). It would be very complicated, but you could change the layout by creating your own UI class and setting it using tabbedPane.setUI(new MyTabbedPaneUI());

Maybe you are looking for