Add search bar within an image

I'm wondering how to embed a search bar in the middle of an image. I googled this but I couldn't find what I was looking for. If anyone can help me it would be greatly appreciated. Thank you

Simple answer is you can't embed a search bar in an image.
What you can do, is create a container (div) with a fixed height and width, AND position:relative; for its CSS attributes.  Then you can:
- Insert the image as a background of the container
- Place the search bar code inside a second container inside the outer container with the position:absolute; CSS styling and position it from the top, left, bottom or right accordingly to where you want the search bar to appear inside the outer container.

Similar Messages

  • How to add scroll bar within af:showDetail

    I have added a af:panelGroupLayout to af:showDetail, and set the "layout" property of the panel group layout out to "scroll". However, the scroll bar still does not show up within af:showDetail. If I set the height for the panel group layout within af:showDetail, then the scroll bar shows. But then it will not stretch vertically upon stretching the dialog vertically. Is it possible to add scroll bar within af:showDetail?
    Here's a sample code which I tried -
    <*af:panelStretchLayout* id="psl1">
    <f:facet name="center">
    <*af:showDetail* disclosed="false" id="sd1" disclosedText="Metadata"
    undisclosedText="Metadata">
    <*af:panelGroupLayout* id="pgl2"
    inlineStyle="background-color:White;"
    layout="*scroll*">
    </panelGroupLayout>
    </af:showDetail>
    </f:facet>
    </af:panelStretchLayout>

    Yes, you can try panelStretchLayout as well.
    Copy following fragment into an empty <af:document> to see the difference.
    <af:form id="f1">
    <af:showDetail disclosed="true" id="sd1">
    <af:panelStretchLayout id="psl1">
    <f:facet name="bottom"/>
    <f:facet name="center">
    <af:panelGroupLayout id="pgl1" layout="scroll">
    <af:outputFormatted value="outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>"
    id="of1"/>
    </af:panelGroupLayout>
    </f:facet>
    <f:facet name="start"/>
    <f:facet name="end"/>
    <f:facet name="top"/>
    </af:panelStretchLayout>
    </af:showDetail>
    <af:showDetail disclosed="true" id="sd2">
    <af:panelGroupLayout id="pgl2" layout="scroll">
    <af:outputFormatted value="outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>outputFormat1&lt;p>"
    id="of2"/>
    </af:panelGroupLayout>
    </af:showDetail>
    </af:form>
    Enjoy ADF...
    Todd

  • Add Search Bar without ads or third party logos

    I was wondering if there was any way to add a search bar (search within the site only) without paying for an ad-free service or without having a third party logo on/around the bar?

    Hello,
    If you have already followed the steps in [[How to set the home page]] and that doesn't work, then can you try the following:
    # Click the menu button [[Image:New Fx Menu]] and choose Add-ons.
    # In the Add-ons Manager tab, select the Extensions panel.
    # Select the toolbar you wish to remove.
    # Click the Remove button.
    # Click "Restart now" if it pops up. Your tabs will be saved and restored after the restart.
    After Firefox restarts, install the [https://addons.mozilla.org/en-US/firefox/addon/searchreset/ Search Reset Tool]. This will remove the rest of the traces of this program from your Firefox.
    For further information, please read [[Remove a toolbar that has taken over your Firefox search or home page]].
    As for your search bar, it is probably hidden
    # Click the menu button [[Image:New Fx Menu]] and choose Customize
    # In the page that appears, your Search Bar should hopefully be among them. Click and drag your Search Bar back onto your toolbar
    For removing Google from your search bar, did you click the drop down button, right click on Google, then press "Remove from Toolbar"? I agree its not very user friendly in that regard since that removes the Search Bar from the toolbar, and not Google from the search engine list.
    For removing search engines from your list:
    # Click the drop down button as you have done before but click "Manage Search Engines..."
    # The attached screenshot should pop up, click on Google and "Remove" to remove the search engine from your list, followed by "OK"
    Hope that helps.
    EDIT: for some reason, the screenshot isn't loading, reuploading

  • Add search bar to navigation bar of iPad in ios 8

    Hi,
    The search bar is set as
    self.navigationItem.titleView = self.searchBar;
    For cancel button :
    [self.navigationItem setRightBarButtonItem:cancelBtn animated:YES];
    It is coming in correct alignment for IOS7 , But in IOS 8 search bar and cancel button are not in proper alignment .
    I tried to set
    self.searchBar.showsCancelButton = YES; //Cancel button is not comming
    Please guide me to solve this ..
    Thanks
    Amiya

    Excellently well put and accurate. The answer of course is that Apple want us to rent vast lumps of storage from them. Your point about appropriate images is well made. It's not just **** either but maybe legitimate images that you don't want shared out in the world, such as your wife and daughters caught on camera whilst sunbathing topless in the security of a private villa on holiday. That could prove embarrassing to them if they found their way out into the public domain, easily done by accident from a phone. The fact is that Apple have decided for pure commercial gain to take control of our means of controlling and storing our images. I shoot mainly portraits of my extended family and Landscapes. I don't want to share my images across mobiles etc, I want to sell them or give them to family members myself . Apple you are losing the plot here and alienating your core supporters.

  • Add search bar to Navigationbar in IOS 8 problem ?

    The search bar is set as
    self.navigationItem.titleView = self.searchBar;
    For cancel button :
    [self.navigationItem setRightBarButtonItem:cancelBtn animated:YES];
    It is coming in correct alignment for IOS7 , But in IOS 8 search bar and cancel button are not in proper alignment .
    I tried to set
    self.searchBar.showsCancelButton = YES; //Cancel button is not comming
    Please guide me to solve this ..
    Thanks
    Amiya

    Hi,  after further searching I found this article:
    http://www.makeuseof.com/tag/google-calendar-wont-sync-ios-try-fixes/
    This information helped me and I did set the sync on my Mac.
    i Hope this will help someone else as this is definitely a question other 'i' device users are asking. 
    MIchelle

  • Flash Search Bar

    Hello, I am trying to create a search bar within flash which will generate links to frames within my flash project based off of given text. I have found a flash project online which does almost exactly what I need, but it only allows for searching a single word rarther than a full term or sentence. It also gives no error message when no word match is found. I am not very good at actionscript or I would be able to midify myself. Any help would be very helpful. Here is the code given:
    stop();
    var testText0:String = "this is some test text one";
    var testText1:String = "this is some test text two";
    var testText2:String = "this is some test text three";
    var testText3:String = "this is some test text four";
    var textArr = new Array();
    textArr[0] = _level0.testText0;
    textArr[1] = _level0.testText1;
    textArr[2] = _level0.testText2;
    textArr[3] = _level0.testText3;
    function goPage(page){
    _root.gotoAndStop(page);
    var keyword = new Array();
    _root.search.onRelease = function(){
    _root.linkText = "";
    for(j = 0; j < textArr.length; j++){
    _level0["count"+j] = 0;
    var p:Number = j+1;
    keyword = textArr[j].split(" ");
    for(i = 0; i < keyword.length; i++){
    if(keyword[i].charAt(keyword[i].length-1) == ","){
    l = keyword[i].lastIndexOf(",")-1;
    wordmatch = keyword[i].substring(0,(l+1));
    }else if(keyword[i].charAt(keyword[i].length-1) == "."){
    l = keyword[i].lastIndexOf(".")-1;
    wordmatch = keyword[i].substring(0,(l+1));
    }else if(keyword[i].charAt(keyword[i].length-1) == "?"){
    l = keyword[i].lastIndexOf("?")-1;
    wordmatch = keyword[i].substring(0,(l+1));
    }else{
    wordmatch = keyword[i];
    if(_root.searchTxt.toLowerCase() == wordmatch.toLowerCase()){
    _level0["count"+j]+=1;
    if(_level0["count"+j] <= 1){
    _root.linkText += ("<a href=\"asfunction:goPage,"+p+"\">page "+p+" contains the word <font color=\"#FF0000\"><B><I>"+wordmatch+"</I></B></font></a><br />");
    The original .fla file can be dowloaded here:
    http://www.flashkit.com/movies/Scripting/flash_si-Andrew_B-10884/index .php

    For the error message if there is no word match, put one more else condition at the bottom of the else if chain to have it display a message saying their search was not found.  As for multiple words, I'm sure there is probably an easier way to do this but you can use if statements with the or condition.
    For example, say the key words that you have within the movie are "pie", "cake" and "muffin".  You can have a statement basically saying
    if searched term contains "pie" or "cake" or "muffin" then do action x y or z.
    Not too sure of the syntax, but hopefully this at least gives you a little bit of direction on where to go next.

  • Down-arrow icon appears next to search bar, and iTunes freezes!!!

    Hi Everyone,
    For the past few days, whenever I open iTunes a little download arrow icon appears next to the search bar (see attached image)  after about 1 minute, and then the program becomes unresponsive. Does anyone have any idea what's going on here? I tried disabling the genious, but it didn't seem to help.. Please help!!
    I'm using the latest iTunes, with 11.0.4 (4), Mac OS 10.8.4.
    Thanks very much!!!

    Actually I think I figured it out. I think I was using a faulty link for one of my podcast subscriptions that was messing everything up (Tiny Desk Concerts Audio Podcast)
    Thanks all!

  • Is there a way to stop Firefox from suggesting to add new search engines to my search bar?

    Is there a way to stop Firefox from suggesting to add new search engines to my search bar whenever I visit websites that suggest to us to add their search engines?
    I searched a lot and couldn't find any help. How to stop websites from suggesting to my Firefox search bar to add their search engines? I don't want to add other search engines other than the ones I organized. I don't want my list to look more distracting and longer.

    Firefox doesn't do that. That's either a feature of the website you are visiting or possible Malware on that PC.
    A screenshot of that might be helpful. <br />
    https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem <br />
    It is best to use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed a maximum file size of 1 MB.
    Then use the '''Browse ....''' button below the '''''Post a Reply''''' text box to upload the screenshot.
    You can try these free programs to scan for malware, which work with your existing antivirus software:
    * [http://www.microsoft.com/security/scanner/default.aspx Microsoft Safety Scanner]
    * [http://www.malwarebytes.org/products/malwarebytes_free/ MalwareBytes' Anti-Malware]
    * [http://support.kaspersky.com/faq/?qid=208283363 TDSSKiller - AntiRootkit Utility]
    * [http://www.surfright.nl/en/hitmanpro/ Hitman Pro]
    * [http://www.eset.com/us/online-scanner/ ESET Online Scanner]
    [http://windows.microsoft.com/MSE Microsoft Security Essentials] is a good permanent antivirus for Windows 7/Vista/XP if you don't already have one.
    Further information can be found in the [[Troubleshoot Firefox issues caused by malware]] article.
    Please report back to us!

  • How to add Custom Search Engines to Search Bar

    In the past I managed to add a 'Custom Search Engine' to Firefox's 'Search Bar' (Windows Version) by just right-clicking that site's own 'search bar' and choosing 'Add to search bar'. I had no third party plugin installed to do this. It was provided by Firefox itself.
    Or am I mixing up this feature with Google's 'Add Custom Search Button' ?
    Anyhow, is there a way to add a 'Custom Search Engine' to Firefox's 'Search Bar' from any website, WITHOUT having to:
    * install an add-on (like: Add to Search Bar 2.0)
    * acquire search engines on 'mycroft.mozdev.org'
    * acquire search engines from 'Manage/Add Search Engines' from the drop-down menu in the search bar ?
    Thanks!

    Just made this [http://www.tobtu.com/customsearch.php custom search creator] to do this since I couldn't find one either.
    Although I wouldn't trust a stranger so here's the hard way:
    Install Apache (lamp/wamp whatever) or get free web hosting from some site.
    blah.html:
    <a onclick="window.external.AddSearchProvider('http://localhost/blah.xml');">blah</a>
    blah.xml:<br />
    <br />
    <pre><nowiki><?xml version="1.0" encoding="UTF-8"?>
    <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
    <ShortName>Blah</ShortName>
    <Description>Blah blah</Description>
    <Image width="16" height="16">data:image/png;base64,BlahBlahBase64AndUriEncoded%2B%2F</Image>
    <Image width="16" height="16">http://blah/OrJustAUrl.png</Image>
    <Url type="text/html" method="get" template="https://blah/?blah={searchTerms}"/>
    </OpenSearchDescription></nowiki></pre>
    Now go to http://localhost/blah.html and click the link.

  • After upgrading to the newest Firefox, the default search engines disappeared from my search bar. Why and how do I correct this? (Also: every time I download a Google search add-on, it goes away upon closing/re-opening FF)

    I'm referring, of course, to the search bar located next to the URL window; prior to upgrading to the newest FF, I had the capability of choosing from several standard engines and never experienced any problems but following the upgrade, there are no engines available to choose from and I have only been able to find versions of Google search other than the standard one in the available Add-ons I am shown when I go to 'add new search engine' (as there are no engines displayed) via the 'manage search engines' drop down option.
    Furthermore, I have downloaded a search engine Add-on numerous times (most often, if not always, Informative Google Search) and it functions just fine, but upon FF restart, its back to having no default engines to choose from.
    I have searched Google forever looking for an answer to why this is happening and had no luck with my specific problem, so I've come to where I figured the most savvy FF users dwell - hope you guys got some insight cause it's really pissing me off at this point, hahahaha.

    See:
    * http://kb.mozillazine.org/Unable_to_search_or_add_new_engines
    Try to delete search.sqlite and search.json in the [http://kb.mozillazine.org/Profile_folder_-_Firefox Firefox Profile Folder]

  • How do I add a search engine to the search bar from a hard disk file?

    I want to add a search engine to the search bar from an XML file on my hard disk. "Manage Search Engines" from the search bar drop down list only appears to allow adding search engines from web sites.
    Thanks.

    Hmmm. This didn't work. I even re-booted, and Firefox still doesn't show the search engine.
    It was actually an update to an earlier engine, and I foolishly removed the old version rather than just updating it.
    Is there anything elsewhere (eg. the registry) that might be preventing this?

  • How do I add a Bing to my search bar?

    When I try to add Bing to my search bar in FF 35.0.1, I get the following message:
    Firefox could not install the search plugin from "https://addons.mozilla.org/firefox/downloads/latest/10434/addon-10434-latest.xml?src=search" because an engine with the same name already exists.
    I do not have Bing in my search engine list. It looks like FF believes that I do. How can I add it?

    Don't worry about that. But please post your solution so
    that others will know what to do.
    Here are some free gifts;
    '''[https://addons.mozilla.org/en-US/firefox/addon/context-search/ Context Search]''' {web link}
    Expands the context menu's 'Search for' item into a list of
    installed search engines, allowing you to choose the engine
    you want to use for each search.
    Bookmark and use this;
    '''[https://addons.mozilla.org/en-US/firefox/addon/searchreset/ Mozilla Search Reset]''' {web link}
    This add-on is very simple: on installation, it backs up and
    then resets your search preferences and home page to their
    default values, and then uninstalls itself. This affects the
    search bar, URL bar searches, and the home page.
    '''[https://addons.mozilla.org/en-US/firefox/addon/settings-guard Settings Guard for Firefox]''' {web link}
    Detects and resets changes to settings that are frequently done
    by add-ons and application installers.
    '''[https://addons.mozilla.org/en-US/firefox/addon/searchthissite/ SearchThisSite]''' {web link}
    Allows you to search the website currently viewed with
    the website's internal search engine (and not the default
    FF search engine or an external engine)

  • How do I add a google custom search to my search bar

    Hello, I am currently trying to figure out a way to get this: https://www.google.co.uk/cse/publicurl?cx=011443679866246468437:ejnincolk1e custom google search engine to work with my quick search bar and have no idea how to go about adding it to the list of available search engines.
    Is it possible to do this? If so could someone please help me get it set up?
    Thank you!

    Hi guys!
    Thank you so much for you're replies.
    @Epicaleb:
    I already tried to use the 'add to search bar method' however, When I then try to search for anything via the newly added search bar, I just get directed to the search bar page as if a search has not actually been performed and I have to type the search into the actual webpage again instead of using the quick bar.
    @cor-el
    "This makes the search page available as a bookmark with a keyword that accepts search terms as an extra parameter and that you can invoke via the location bar"
    I'm not really sure what you mean by the above part!?
    As for the add on you linked me too, It does not seem to work for the reason listed @Epicaleb. It's really annoying!
    Do either of you know of another way this could be achieved?

  • How can I adjust the search bar to search within a specific website?

    I used to use Chrome (still miss it a little bit), but Firefox has continually grown on me.
    One feature I do miss from Chrome being able to search within a specific website from the search bar. For example, I was able to type in amazon.com, then pressing tab, and type in a specific search term, such as "The Terminator." When I pressed enter after typing "The Terminator," Chrome would automatically take me to Amazon's search results for "The Terminator."
    And it wouldn't just be Amazon either; pretty much any site that had a searchable database, Chrome would be capable of utilizing this feature. Is there any way to replicate that in Firefox?

    hello crachor, probably keyword search can offer you a similar functionality in firefox: [[How to search IMDB, Wikipedia and more from the address bar]]

  • Can no longer see google standard image above search bar

    I no longer see the standard google image above the search bar (firefox 3.6.3)
    == This happened ==
    Every time Firefox opened
    == At some stage of updating firefox

    See http://kb.mozillazine.org/Unable_to_search_or_add_new_engines

Maybe you are looking for

  • Recover data from CD RW

    Just yesterday I upgraded my OS to tiger 10.4.8 from 10.2.8 I did the erase and install option so as to remove OS9 from my hard drive since I have no OS9 software. Prior to the upgrade I saved all my important files to CD RW. (this took 3 CDs, so the

  • Windows 2008 R2 Terminal & Windows 2003 RDP Client

    Hi I have Terminal Server Windows Server 2008 r2 and Terminal Server Licensing Windows Server 2012 with RDS CAL installed and activated. I have the clients with Windows Server 2008, Windows Server 2003, Windows 7 and HP Neoware thin client CA21 with

  • Preview won't print some PDF files

    Hi everyone, I know a similar problem has been already discussed but it was not solved. When I print some PDF files from Preview on a Lexmark C524 color laser printer, I get only figures and symbols but no text. If I print the same files on a HP 2100

  • Date format conversation in OBIEE

    Hello guys I am a quick question about how to stop OBIEE from using to_date conversation? The date format in the db is dd/month/yy, and when I run any report in OBIEE answer using Date columns, it will always convert the format to "dd/mm/YYYY". The s

  • Unable to install iOS 7.1.2 after download

    unable to install iOS 7.1.2 after download despite repeated attempts..