You need to sign in to do that
Don't have an account?
Ganeeesh
Field and lookup icon display in different rows how to avoid this..?
Hi friends here i am trying to display lokkup fields on vf page using apex:inputField tag but the problem is field and lookup icon displays line by line(field displays on top and lookup icon displays below the field) how do i display field and lookup icon side by side..? . For maore clarification look at this pic.
<apex:page showHeader="false" controller="isos2_controllercls" doctype="html-5.0">
<head>
<link rel="shortcut icon" type="image/x-icon" href="https://www.internationalsos.com/en/imagesisos/favicon.ico" />
<link type="text/css" rel="stylesheet" href="https://www.internationalsos.com/en/isosenstyles.css" />
<link href="https://www.internationalsos.com/survey2/survey.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://www.internationalsos.com/en/files/imgcookie.js"></script>
<!-- <script type="text/javascript" src="/en/jquery-1.4.1.min.js"></script> -->
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://buymembership.internationalsos.com/js/quoteEngineExternal.js"></script>
<script type="text/javascript" src="https://www.internationalsos.com/en/button-rollover.js"></script>
<script type="text/javascript" src="https://www.internationalsos.com/en/suckerfish-dropdown.js"></script>
<script type="text/javascript" src="https://www.internationalsos.com/en/jquery.cycle.all.2.73.js"></script>
<script type="text/javascript" src="https://www.internationalsos.com/en/functions.js"></script>
<script type="text/javascript">
$(function() {
$('input[type="image"]').hover(function() {
$(this).attr("src", $(this).attr("src").replace('.gif','-inverse.gif')); },
function () { $(this).attr("src", $(this).attr("src").replace('-inverse.gif','.gif')); }
);
});
$(document).ready(function(){
$('#membership-clear').show();
$('#membership').hide();
$('#membership-clear').focus(function() {
$('#membership-clear').hide();
$('#membership').show();
$('#membership').focus();
});
$('#membership').blur(function() {
if($('#membership').val() == '') {
$('#membership-clear').show();
$('#membership').hide();
}
});
});
</script>
<style>
#membership-clear {
display: none;
}
</style>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('div.slideshow').css({ 'display' : 'block' });
$('div.slideshow').css({ 'z-index' : '-99' });
$('.slideshow').cycle({
fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
timeout: 5000 // milliseconds between slide transitions (0 to disable auto advance)
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20225430-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<apex:form >
<!--<body>-->
<div><a href="#skipnav" class="skip" accesskey="s" tabindex="1">Skip to main content</a></div>
<!-- /en/about-us.htm -->
<div id="page">
<div id="header">
<div class="headertop">
<div class="headertop-left">
<form name="site" action="/en/redirect.asp" method="get">
<div class="headertop-left-label">
<p><label for="site">Site selector:</label></p>
</div><!-- /.headertop-left-label -->
<div class="headertop-left-field">
<select name="site" id="site" class="site" tabindex="2">
<option selected="selected" value="https://www.internationalsos.com">Select location</option>
<option value="https://www.internationalsos.com">Corporate Site</option>
<option value="https://www.internationalsos.com/clinicsinchina/en/default.aspx">Clinics in China</option>
<option value="https://www.internationalsos.com/de/">Deutschland </option>
<option value="https://www.internationalsos.es">España</option>
<option value="https://www.internationalsos.fr">France</option>
<option value="http://www.sosindonesia.com/">Indonesia</option>
<option value="http://www.internationalsos.nl">Nederlands</option>
<option value="http://www.internationalsos.co.kr/">대한 민국</option>
<option value="https://www.internationalsos.com/cn/">中国</option>
<option value="http://www.internationalsos.co.jp/">日本</option>
<option value="http://www.internationalsos.com.tw">臺灣 </option>
</select>
<div class="clear0"></div>
</div><!-- /.headertop-left-field -->
<div class="headertop-left-button">
<input type="submit" name="sa" value="" class="go-button" onmouseover="rollover(this, '/en/imagesisos/button-arrow-inverse.gif');" onmouseout="rollover(this, '/en/imagesisos/button-arrow.gif');" tabindex="31" />
</div><!-- /.headertop-left-button -->
</form>
</div><!-- /.headertop-left -->
<div class="clear0"></div>
</div><!-- /.headertop -->
<div class="rightlinks">
<ul>
<li class="first"><a href="/en/emergencies.htm" tabindex="5">Emergencies</a></li>
<li class="last"><a href="/en/contact-us.htm" tabindex="6">Contact us</a></li>
</ul>
</div><!-- /.rightlinks -->
<div class="clear0"></div>
<div class="headermiddle">
<div class="logo"><a href="/en/index.htm" tabindex="7"><img src="https://www.internationalsos.com/en/imagesisos/international-sos.jpg" width="152" height="65" alt="International SOS" /></a></div>
<div id="searchbox">
<form action="/en/search.aspx" method="get">
<p>
<label for="search" class="hidden">Search</label>
<input type="text" name="q" id="search" class="search" value="Search" onfocus="if(this.value=='Search'){this.value=''};" tabindex="8" />
<div class="search-wrapper">
<div class="menu_rollover">
<input type="image" class="hoverThis" src="https://www.internationalsos.com/en/imagesisos/button-search.gif" />
</div>
</div>
</p>
</form>
</div>
<div class="clear0"></div>
</div><!-- /.headermiddle -->
<div id="navbar">
<div id="topnav">
<ul id="nav">
<li><span><a href="/apex/isos2" tabindex="9">Home</a></span></li>
<li><a href="/en/about-us.htm" class="" tabindex="10">Cases</a><ul>
<li class="first"><a href="/customers/500/e?retURL=%2F500%2Fo" tabindex="">Create New Case</a><ul>
<!--<li class="first"><a href="/en/timeline.htm">25-year timeline</a></li>-->
</ul>
</li>
<li class=""><a href="/customers/500?fcf=00B90000007TQH1" tabindex="">My Cases</a><ul>
<!--<li class="first"><a href="/en/Arnaud-Vaissie.htm">Arnaud Vaissié</a></li>
<li class=""><a href="/en/Pascal-Rey-Herme.htm">Dr. Pascal Rey-Herme</a></li>-->
</ul>
</li>
</ul>
</li>
<li><a href="/en/industries.htm" class="" tabindex="11">Industries</a><ul>
<li class="first"><a href="/en/corporations.htm" tabindex="">Corporations</a></li>
<li class=""><a href="/en/energy-mining-and-large-scale-construction.htm" tabindex="">Energy, mining and large-scale construction</a></li>
<li class=""><a href="/en/governments-and-public-sector.htm" tabindex="">Governments and public sector</a></li>
<li class=""><a href="/en/non-governmental-organizations.htm" tabindex="">Non-governmental organizations</a></li>
<li class=""><a href="/en/aviation.htm" tabindex="">Aviation</a></li>
<li class=""><a href="/en/commercial-maritime.htm" tabindex="">Commercial maritime </a></li>
<li class=""><a href="/en/banking-and-credit-cards.htm" tabindex="">Banking and credit card</a></li>
<li class=""><a href="/en/scholastic-and-higher-education.htm" tabindex="">Scholastic and higher education</a></li>
<li class=""><a href="/en/Individual.htm" tabindex="">Individuals, families, expatriates, students and small groups</a></li>
</ul>
</li>
<li><a href="/en/our-services.htm" class="" tabindex="12">Services</a><ul>
<li class="first"><a href="/en/Assistance.htm" tabindex="">Assistance</a><ul>
<li class="first"><a href="/en/Pre-travel-advice.htm">Pre-travel advice</a></li>
<li class=""><a href="/en/assistance-abroad.htm">Assistance abroad</a></li>
<li class=""><a href="/en/emergency-help.htm">Emergency help</a></li>
<li class=""><a href="/en/assistance-app.htm">Assistance App</a></li>
</ul>
</li>
<li class=""><a href="/en/medical-services.htm" tabindex="">Medical services</a><ul>
<li class="first"><a href="/en/medical-staffing.htm">Medical staffing</a></li>
<li class=""><a href="/en/medical-supply-chain-services.htm">Medical supply chain services</a></li>
<li class=""><a href="/en/medical-training.htm">Medical training</a></li>
<li class=""><a href="/en/consulting.htm">Medical consulting</a></li>
<li class=""><a href="/en/occupational-health.htm">Occupational health </a></li>
<li class=""><a href="/en/healthcare-management-services.htm">Healthcare management services</a></li>
<li class=""><a href="/en/integrated-malaria-program.htm">Integrated Malaria programs</a></li>
</ul>
</li>
</ul>
</div><!-- /#topnav -->
<div class="clear0"></div>
</div><!-- /#navbar -->
</div><!-- /#header -->
<script type="text/javascript">
document.write(unescape("%3Cscript src='" + document.location.protocol +
"//munchkin.marketo.net/munchkin.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script>Munchkin.init('322-WCU-924');</script>
</div><!-- end #page -->
<!--</body>-->
</apex:form>
<div align="center" >
<chatter:newsfeed />
</div>
<apex:form >
<div align="center">
<apex:outputPanel >
<apex:inputField value="{!mycase.AccountId}" label="Account" /><br/>
<apex:inputField value="{!mycase.ContactId}" label="Contact"/>
<apex:inputField value="{!mycase.status}" label="Status"/>
</apex:outputPanel>
</div>
</apex:form>
</apex:page>