tag:blogger.com,1999:blog-46407224853809724772024-03-05T03:39:42.478-08:00.Net Research Ravindra Barapatrehttp://www.blogger.com/profile/14528932977024650643noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-4640722485380972477.post-14180488823033758512014-10-31T06:54:00.001-07:002014-10-31T06:54:35.962-07:00CSS for High Contrast Mode (HCM) Friendly Images<div dir="ltr" style="text-align: left;" trbidi="on">
Whenever user switch web site in High Contrast mode.<br />
It makes the css background images invisible.<br />
<br />
To solve this issue.<br />
<br />
There are two ways<br />
1) <img> tag<br />
2) CSS using :before psuedo code<br />
<br />
<b>1) <img> tag</b><br />
<b><br /></b>
Replace backgound-image css with <img> tag . It will display in HCM<br />
<br />
<b>2) CSS using :before psuedo code</b><br />
<b><br /></b>
Use following css to display in HCM.<br />
<br />
<i>classname</i><b>:before</b> {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>content:</b> url(<i>image path</i>);<br />
}<br />
<br />
<br />
<br /></div>
Ravindra Barapatrehttp://www.blogger.com/profile/14528932977024650643noreply@blogger.com0tag:blogger.com,1999:blog-4640722485380972477.post-20027359537943382662014-09-22T23:13:00.003-07:002014-09-23T02:45:33.306-07:00ServiceDefinition(.csdef) Transformation in Azure project<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNoSpacing" style="text-indent: .25in;">
<span style="font-family: Georgia, 'Times New Roman', serif; text-indent: 0.25in;">Create the ServiceDefinition environment wise files in azure project</span></div>
<div class="MsoNoSpacing" style="text-indent: .25in;">
<span style="text-indent: 0.25in;"><span style="font-family: Georgia, Times New Roman, serif;">Format:
ServiceDefinition.$(Configuration).csdef</span></span></div>
<div class="MsoNoSpacing" style="text-indent: .25in;">
<span style="text-indent: 0.25in;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="text-indent: .25in;">
<span style="text-indent: 0.25in;"><span style="font-family: Georgia, Times New Roman, serif;">Add following line of code </span></span></div>
<div class="MsoNoSpacing" style="text-indent: .25in;">
<span style="text-indent: 0.25in;"><span style="font-family: Georgia, Times New Roman, serif;">in Project .ccproj file</span></span><br />
<span style="text-indent: 0.25in;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <ItemGroup><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <EnvironmentDefinition
Include="ServiceDefinition.Debug.csdef"><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <BaseConfiguration>ServiceDefinition.csdef</BaseConfiguration><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </EnvironmentDefinition><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <EnvironmentDefinition
Include="ServiceDefinition.Production.csdef"><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <BaseConfiguration>ServiceDefinition.csdef</BaseConfiguration><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </EnvironmentDefinition><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <EnvironmentDefinition
Include="ServiceDefinition.Int.csdef"><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <BaseConfiguration>ServiceDefinition.csdef</BaseConfiguration><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </EnvironmentDefinition><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <</span><span style="font-size: 10pt;">EnvironmentDefinition
Include="ServiceDefinition.Dev.csdef"></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <BaseConfiguration>ServiceDefinition.csdef</BaseConfiguration><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </EnvironmentDefinition><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <EnvironmentDefinition
Include="ServiceDefinition.Cloud.csdef"><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <BaseConfiguration>ServiceDefinition.csdef</BaseConfiguration><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </EnvironmentDefinition><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </span><span style="font-size: 10pt;"><None
Include="@(EnvironmentDefinition)" /></span></div>
<div class="MsoNoSpacing" style="text-indent: .25in;">
</div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </ItemGroup><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"><br /></span></div>
<div class="MsoNoSpacing">
<span style="font-family: Georgia, Times New Roman, serif;">And then add</span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"><br /></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <Target Name="ValidateServiceFiles"
Inputs="@(EnvironmentDefinition);@(EnvironmentDefinition->'%(BaseConfiguration)')"
Outputs="@(EnvironmentDefinition->'%(Identity).transformed.csdef')"><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <Message
Text="ValidateServiceFiles: Transforming %(EnvironmentDefinition.BaseConfiguration)
to %(EnvironmentDefinition.Identity).tmp via
%(EnvironmentDefinition.Identity)" Importance="High" /><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <TransformXml
Source="%(EnvironmentDefinition.BaseConfiguration)"
Transform="%(EnvironmentDefinition.Identity)"
Destination="%(EnvironmentDefinition.Identity).tmp" /><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <Message
Text="ValidateServiceFiles: Transformation complete; starting
validation" Importance="High" /><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <ValidateServiceFiles
ServiceDefinitionFile="%(EnvironmentDefinition.Identity).tmp"
ServiceConfigurationFile="ServiceConfiguration.$(Configuration).cscfg"
/><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <Message
Text="ValidateServiceFiles: Validation complete; renaming temporary
file" Importance="High" /><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <Move
SourceFiles="%(EnvironmentDefinition.Identity).tmp"
DestinationFiles="%(EnvironmentDefinition.Identity).transformed.csdef"
/><o:p></o:p></span></div>
<div class="MsoNoSpacing">
</div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> </Target><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"><br /></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10pt;"><Target
Name="MoveTransformedEnvironmentConfigurationXml"
AfterTargets="AfterPackageComputeService"></span></div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"> <Copy
SourceFiles="ServiceDefinition.$(Configuration).csdef.transformed.csdef"
DestinationFiles="$(OutDir)ServiceDefinition.csdef" /><o:p></o:p></span></div>
<div class="MsoNoSpacing">
</div>
<div class="MsoNoSpacing">
<span style="font-size: 10.0pt;"></Target><o:p></o:p></span></div>
<div class="MsoNoSpacing">
<br /></div>
<div class="MsoNoSpacing" style="text-indent: .25in;">
<span style="text-indent: 0.25in;"><span style="font-family: Georgia, Times New Roman, serif;"><br /></span></span></div>
<div class="MsoNoSpacing" style="text-indent: .25in;">
<o:p></o:p></div>
</div>
Ravindra Barapatrehttp://www.blogger.com/profile/14528932977024650643noreply@blogger.com0tag:blogger.com,1999:blog-4640722485380972477.post-45520085124843902472014-09-18T09:19:00.002-07:002014-09-23T02:45:53.227-07:00JQuery: Abort the previous inprocess ajax call before calling new request<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
$(document).ready(function () {</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
var currentRequest = null;</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
$('#label').click(function () {</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
var text = jQuery(this).val();</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
if (currentRequest != null) {</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
currentRequest.abort();</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
}</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
currentRequest = $.ajax({</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
type: 'POST',</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
data: 'name:xyz',</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
url: 'call.ashx/',</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
success: function (data) {</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
$('#label').html(data);</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
}</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
});</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
});</div>
<div style="background-color: white; color: #4c4c4c; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin-bottom: 1em;">
});</div>
</div>
Ravindra Barapatrehttp://www.blogger.com/profile/14528932977024650643noreply@blogger.com0