retrieving input text value from for each - oracle-adf

I am working in Jdeveloper 11.1.7 and i have created a form.
And there is a link for add and remove.
On click of add, i am duplicating the form using for each tag and on click of remove i am reducing the number of form.
After duplicating the form, i have to save all the data to the database.
I am unable to fetch the value from all the fields.
I can not bind the fields as they are added at the runtime.
Here goes the page source code:
<af:panelFormLayout id="Mediclassic_Policy_Individual"
inlineStyle="width:1029px;">
<af:outputText value="Mediclassic Policy Individual====>#{sessionScope.prodId==1}"
id="ot12"
inlineStyle="font-weight:bold; color:black; font-size:20.0px;"
rendered="false"/>
<af:spacer width="10" height="10" id="s4"/>
<af:separator id="separator1"
inlineStyle="color:black; font-weight:bold;"/>
<af:outputText value="Plan Details" id="outputText1"
inlineStyle="color:rgb(8, 160, 205); font-weight:bold; font-size:14px;"/>
<af:separator id="separator2" inlineStyle="color:black;"/>
<af:panelGroupLayout id="pgl3" layout="vertical"
inlineStyle="width:366px;">
<af:outputText value="Plan Details & Premium Calculation "
id="outputText2"
inlineStyle="font-weight:bold; color:black;"/>
<af:spacer width="10" height="10" id="s3"/>
<af:outputText value="This section contains policy specific details "
id="ot3" inlineStyle="color:black;"/>
</af:panelGroupLayout>
<af:panelBox id="panelBox2"
inlineStyle="width:315px; height:163px; border-color:#c4f2fc; border-style:solid; border-width:thin;"
text=" " showHeader="never">
<af:panelGroupLayout id="pgl15"
inlineStyle="height:149px; background:#c4f2fc none repeat scroll 0% 0%; width:301px;"
layout="vertical" valign="middle">
<af:spacer width="10" height="10" id="s57"/>
<af:panelGroupLayout id="pgl33" layout="horizontal"
inlineStyle="width:269px;">
<af:spacer width="26" height="10" id="spacer208"/>
<af:outputText value="Policy Period" id="outputText230"
inlineStyle="font-size:12px; font-weight:bold; color:black;"/>
<af:selectOneChoice label="Policy Period(Years)" id="soc4"
contentStyle="width:130px;height:20px;"
value="1" autoSubmit="true" simple="true">
<af:selectItem label="1" value="1" id="si12"/>
<af:selectItem label="2" value="2" id="si11"/>
</af:selectOneChoice>
</af:panelGroupLayout>
<af:spacer width="10" height="10" id="s58"/>
<af:panelGroupLayout id="pgl13" layout="horizontal"
inlineStyle="width:280px;">
<af:spacer width="40" height="10" id="s56"/>
<af:outputText value="Start Date" id="ot13"
inlineStyle="font-size:12px; font-weight:bold; color:black;"/>
<af:inputDate label="Start Date "
id="inputText8"
contentStyle="width:120px;height:20px;"
minValue="2014-01-06" autoSubmit="true"
simple="true"/>
</af:panelGroupLayout>
<af:spacer width="10" height="10" id="spacer209"/>
<af:panelGroupLayout id="pgl14" layout="horizontal">
<af:spacer width="50" height="10" id="spacer207"/>
<af:outputText value="End Date" id="outputText229"
inlineStyle="font-size:12px; font-weight:bold; color:black;"/>
<af:spacer width="10" height="10" id="spacer210"/>
<af:inputDate label="End Date "
id="inputText12"
contentStyle="width:120px;height:20px;"
disabled="true" simple="true"/>
</af:panelGroupLayout>
</af:panelGroupLayout>
</af:panelBox>
<af:spacer width="10" height="10" id="s20"/>
<af:separator id="separator7" inlineStyle="color:black;"/>
<af:panelGroupLayout id="pgl11" layout="horizontal"
inlineStyle="width:913px;">
<af:outputText value="Insured Details" id="outputText18"
inlineStyle="color:rgb(8, 160, 205); font-weight:bold; font-size:14px;"/>
<af:spacer width="586" height="10" id="s21"/>
<af:commandLink id="commandLink1">
<af:image source="/images/addinsured.jpg"
shortDesc="Add Insured Details" id="image1"/>
</af:commandLink>
<af:commandLink id="cl1">
<af:image source="/images/delete.jpg" shortDesc="Delete Insured"
id="i1"/>
</af:commandLink>
</af:panelGroupLayout>
<af:separator id="separator8" inlineStyle="color:black;"/>
<af:forEach begin="1" end="2">
<af:panelGroupLayout id="pgl9" layout="horizontal"
inlineStyle="width:953px; height:539px; border-color:#c4f2fc; border-style:solid; border-width:thin;">
<af:spacer width="11" height="10" id="s11"/>
<af:panelGridLayout id="pgl4"
inlineStyle="background-color:#c4f2fc; width:500px; border-color:white; border-style:solid; border-width:2px;">
<af:gridRow marginTop="5px" height="20px" id="gr1">
<af:gridCell marginStart="1px" width="150px" id="gc4"
halign="center">
<af:outputText value="Name" id="ot4"
inlineStyle="color:black; font-weight:bold;"/>
</af:gridCell>
<af:gridCell marginStart="1px" width="70px" id="gc16"
halign="center">
<af:outputText value="Gender" id="outputText3"
inlineStyle="color:black; font-weight:bold;"/>
</af:gridCell>
<af:gridCell marginStart="1px" width="100px" id="gc9"
halign="center">
<af:panelGroupLayout id="pgl8" layout="vertical">
<af:outputText value="Relationship to" id="outputText4"
noWrap="true"
inlineStyle="color:black; font-weight:bold;"/>
<af:outputText value="Proposer" id="outputText16"
noWrap="true"
inlineStyle="color:black; font-weight:bold;"/>
</af:panelGroupLayout>
</af:gridCell>
<af:gridCell marginStart="1px" width="90px" id="gc7"
halign="center">
<af:outputText value="Date of Birth" id="outputText5"
inlineStyle="color:black; font-weight:bold;"/>
</af:gridCell>
<af:gridCell marginStart="1px" width="80px" id="gc14"
halign="center">
<af:outputText value="Occupation" id="outputText6"
inlineStyle="color:black; font-weight:bold;"/>
</af:gridCell>
<af:gridCell marginStart="1px" width="170px" id="gc11"
halign="center">
<af:outputText value="Pre existing illness"
id="outputText7"
inlineStyle="color:black; font-weight:bold;"/>
</af:gridCell>
<af:gridCell marginStart="1px" width="140px" id="gc13"
halign="center">
<af:outputText value="Sum Insured" id="outputText8"
inlineStyle="color:black; font-weight:bold;"/>
</af:gridCell>
<af:gridCell marginStart="1px" marginEnd="1px" width="40px"
id="gc15">
<af:outputText value="Hospital Cash" id="outputText9"
inlineStyle="color:black; font-weight:bold;"/>
</af:gridCell>
</af:gridRow>
<af:gridRow marginTop="2px" marginBottom="2px" height="500px"
id="gr2">
<af:gridCell marginStart="1px" width="100px" id="gc6">
<af:spacer width="10" height="130" id="spacer2"/>
<af:inputText id="it3" contentStyle="width:90px;"
label=" "/>
</af:gridCell>
<af:gridCell marginStart="1px" width="70px" id="gc1"
halign="center">
<af:spacer width="10" height="130" id="s5"/>
<af:selectOneChoice id="soc2" label=" ">
<af:selectItem label="Male" value="m" id="si3"/>
<af:selectItem label="Female" value="f" id="si2"/>
</af:selectOneChoice>
</af:gridCell>
<af:gridCell marginStart="1px" width="90px" id="gc2">
<af:spacer width="10" height="130" id="spacer1"/>
<af:selectOneChoice id="selectOneChoice2" label=" "
contentStyle="width:80px;">
<f:selectItems id="selectItems5"/>
</af:selectOneChoice>
</af:gridCell>
<af:gridCell marginStart="1px" width="130px" id="gc10">
<af:spacer width="10" height="130" id="spacer3"/>
<af:inputDate id="id1" contentStyle="width:90px;"
label=" "/>
</af:gridCell>
<af:gridCell marginStart="1px" width="120px" id="gc8"
halign="start">
<af:spacer width="10" height="130" id="spacer4"/>
<af:selectOneChoice id="soc3" contentStyle="width:100px;"
label=" ">
<f:selectItems id="si6"/>
</af:selectOneChoice>
</af:gridCell>
<af:gridCell marginStart="1px" width="140px" id="gc3"
halign="center">
<af:panelGroupLayout id="pgl5" layout="vertical"
inlineStyle="width:144px;"
halign="center">
<af:inputText label="Label 4" id="it4" simple="true"
columns="15"/>
<af:spacer width="10" height="30" id="s7"/>
<af:panelGroupLayout id="pgl6"
inlineStyle="width:133px; background-color:white;"
layout="vertical">
<af:panelGroupLayout id="pgl7" layout="horizontal">
<af:spacer width="10" height="10" id="s6"/>
<af:outputText value="Specific Illness" id="ot5"
inlineStyle="font-weight:bold; color:#c4f2fc;"/>
</af:panelGroupLayout>
<af:outputText value="Cancer :" id="ot6"
inlineStyle="color:black; font-weight:bold;"/>
<af:spacer width="10" height="05" id="s16"/>
<af:selectOneRadio id="sor1" layout="horizontal"
contentStyle="font-weight:bold"
label=" ">
<af:selectItem label="Yes" value="1" id="si4"/>
<af:selectItem label="No" value="0" id="si5"/>
</af:selectOneRadio>
<af:separator id="s8" inlineStyle="color:black;"/>
<af:outputText value="Chronic Kidney"
id="outputText17"
inlineStyle="color:black; font-weight:bold;"/>
<af:outputText value="Dieseases :" id="ot7"
inlineStyle="color:black; font-weight:bold;"/>
<af:spacer width="10" height="05" id="s15"/>
<af:selectOneRadio id="selectOneRadio1"
layout="horizontal"
contentStyle="font-weight:bold"
label=" ">
<af:selectItem label="Yes" value="1"
id="selectItem10"/>
<af:selectItem label="No" value="0"
id="selectItem11"/>
</af:selectOneRadio>
<af:separator id="separator3"
inlineStyle="color:black;"/>
<af:spacer width="10" height="10" id="s9"/>
<af:outputText value="Heart Dieseases :" id="ot8"
inlineStyle="color:black; font-weight:bold;"/>
<af:spacer width="10" height="05" id="s14"/>
<af:selectOneRadio id="selectOneRadio2"
layout="horizontal"
contentStyle="font-weight:bold"
label=" ">
<af:selectItem label="Yes" value="1"
id="selectItem12"/>
<af:selectItem label="No" value="0"
id="selectItem13"/>
</af:selectOneRadio>
<af:separator id="separator4"
inlineStyle="color:black;"/>
<af:spacer width="10" height="10" id="s10"/>
<af:outputText value="Phychiatric Disorders :"
id="ot9"
inlineStyle="color:black; font-weight:bold;"/>
<af:spacer width="10" height="05" id="s13"/>
<af:selectOneRadio id="selectOneRadio3"
layout="horizontal"
contentStyle="font-weight:bold"
label=" ">
<af:selectItem label="Yes" value="1"
id="selectItem14"/>
<af:selectItem label="No" value="0"
id="selectItem15"/>
</af:selectOneRadio>
<af:separator id="separator5"
inlineStyle="color:black;"/>
<af:spacer width="10" height="10" id="s12"/>
<af:outputText value="Have you been taking" id="ot10"
noWrap="true"
inlineStyle="color:black; font-weight:bold;"
truncateAt="20"/>
<af:outputText value="drugs/Medicines "
id="outputText10" noWrap="true"
inlineStyle="color:black; font-weight:bold;"
truncateAt="20"/>
<af:outputText value="regularly during the"
id="outputText11" noWrap="true"
inlineStyle="color:black; font-weight:bold;"
truncateAt="20"/>
<af:outputText value="last 1 year for any"
id="outputText12" noWrap="true"
inlineStyle="color:black; font-weight:bold;"
truncateAt="20"/>
<af:outputText value="disease/illness (other "
id="outputText13" noWrap="true"
inlineStyle="color:black; font-weight:bold;"
truncateAt="20"/>
<af:outputText value="than Hypertension / "
id="outputText14" noWrap="true"
inlineStyle="color:black; font-weight:bold;"
truncateAt="20"/>
<af:outputText value="Diabetes/Hypothyroidism) :"
id="outputText15" noWrap="true"
inlineStyle="color:black; font-weight:bold;"
truncateAt="20"/>
<af:spacer width="10" height="05" id="s17"/>
<af:selectOneRadio id="selectOneRadio4"
layout="horizontal"
contentStyle="font-weight:bold"
label=" ">
<af:selectItem label="Yes" value="1"
id="selectItem16"/>
<af:selectItem label="No" value="0"
id="selectItem17"/>
</af:selectOneRadio>
<af:separator id="separator6"
inlineStyle="color:black;"/>
</af:panelGroupLayout>
</af:panelGroupLayout>
</af:gridCell>
<af:gridCell marginStart="1px" width="1px" id="gc5"
halign="center">
<af:spacer width="10" height="130" id="spacer5"/>
<af:selectOneChoice id="selectOneChoice37"
contentStyle="width:100px;"
label=" ">
<f:selectItems id="selectItems4"/>
</af:selectOneChoice>
</af:gridCell>
<af:gridCell marginStart="1px" marginEnd="1px" width="40px"
id="gc12">
<af:spacer width="10" height="130" id="spacer6"/>
<af:selectBooleanCheckbox id="sbc1" label=" "/>
</af:gridCell>
</af:gridRow>
</af:panelGridLayout>
</af:panelGroupLayout>
</af:forEach>
<af:spacer width="10" height="10" id="s23"/>
<af:separator id="s22" inlineStyle="height:0.5px; color:gray;"/>
<af:panelGroupLayout id="panelGroupLayout45"
inlineStyle="width:929px; background-color:#c4f2fc;"
rendered="false">
<af:panelGroupLayout id="panelGroupLayout46" layout="horizontal">
<af:outputText value="Social Status :" id="outputText62"
inlineStyle="font-weight:bold; color:black;"/>
<af:selectOneRadio id="selectOneRadio25" layout="horizontal"
contentStyle="font-weight:bold" value="N"
autoSubmit="true" label=" ">
<af:selectItem label="Yes" value="Y" id="selectItem69"/>
<af:selectItem label="No" value="N" id="selectItem70"/>
</af:selectOneRadio>
<af:popup id="popup2">
<af:dialog id="dialog2" type="none" title=" ">
<af:panelGroupLayout id="panelGroupLayout47"
layout="horizontal"
inlineStyle="width:321px; height:31px;">
<af:outputText value="For more details on how to categorize the policy, Please click"
id="outputText63"/>
<af:goLink text="here" id="goLink2" targetFrame="_blank"
destination="http://retail.starhealth.in/assets/pdf/SocailStatusExplanation.xls"/>
</af:panelGroupLayout>
</af:dialog>
</af:popup>
</af:panelGroupLayout>
<af:outputText value='Please choose "Yes" in case of BPL families, Disabled Persons etc, Persons working in UnOrganized/Informal Sectors ( '
id="outputText64"
inlineStyle="font-weight:bold; color:black;"/>
<af:outputText value="? )" id="outputText65"
inlineStyle="font-weight:bold;">
<af:showPopupBehavior popupId="popup2" triggerType="mouseOver"
align="beforeEnd"/>
</af:outputText>
<af:panelList id="panelList2" partialTriggers="selectOneRadio25">
<af:panelGroupLayout id="panelGroupLayout48"
layout="horizontal">
<af:outputText value='Please choose "Yes", if you are working in UnOrganized Sector'
id="outputText66"
inlineStyle="font-weight:bold;"/>
<af:selectOneRadio id="selectOneRadio26" layout="horizontal"
contentStyle="font-weight:bold" value="N"
label=" ">
<af:selectItem label="Yes" value="Y" id="selectItem109"/>
<af:selectItem label="No" value="N" id="selectItem110"/>
</af:selectOneRadio>
</af:panelGroupLayout>
<af:panelGroupLayout id="panelGroupLayout49"
layout="horizontal">
<af:outputText value='Please choose "Yes", if you live below the poverty line (BPL) '
id="outputText67"
inlineStyle="font-weight:bold;"/>
<af:selectOneRadio id="selectOneRadio27" layout="horizontal"
contentStyle="font-weight:bold" value="N"
label=" ">
<af:selectItem label="Yes" value="Y" id="selectItem111"/>
<af:selectItem label="No" value="N" id="selectItem112"/>
</af:selectOneRadio>
</af:panelGroupLayout>
<af:panelGroupLayout id="panelGroupLayout50"
layout="horizontal">
<af:outputText value='Please choose "Yes", if you are Physically Handicaped/Disabled '
id="outputText68"
inlineStyle="font-weight:bold;"/>
<af:selectOneRadio id="selectOneRadio28" layout="horizontal"
contentStyle="font-weight:bold" value="N"
label=" ">
<af:selectItem label="Yes" value="Y" id="selectItem113"/>
<af:selectItem label="No" value="N" id="selectItem114"/>
</af:selectOneRadio>
</af:panelGroupLayout>
<af:panelGroupLayout id="panelGroupLayout51"
layout="horizontal">
<af:outputText value='Please choose "Yes", if you are working in Informal Sector'
id="outputText69"
inlineStyle="font-weight:bold;"/>
<af:selectOneRadio id="selectOneRadio29" layout="horizontal"
contentStyle="font-weight:bold" value="N"
label=" ">
<af:selectItem label="Yes" value="Y" id="selectItem115"/>
<af:selectItem label="No" value="N" id="selectItem116"/>
</af:selectOneRadio>
</af:panelGroupLayout>
</af:panelList>
</af:panelGroupLayout>
<af:separator id="s24" inlineStyle="color:Gray;" rendered="false"/>
<af:spacer width="10" height="10" id="s25" rendered="false"/>
<af:separator id="separator9"
inlineStyle="height:0.5px; color:gray;"
rendered="false"/>
</af:panelFormLayout>

if you drag and drop create insert operation from data control for add image link u just change it to normal image link and create a method in the backing bean like
vo.createrow();
vo.insertrow();
vo.executequery();
enter code here
then u will get a empty record and enter the details and save.

Related

ngCordova Camera not working in iOS

I use ngCordova and in order to access the camera i use the below code
var destinationType = navigator.camera.DestinationType.FILE_URI;
var options = {
quality: 50,
destinationType: destinationType,
sourceType: pictureSource,
correctOrientation: true,
encodingType: Camera.EncodingType.PNG,
}
var cameraPromise = $cordovaCamera.getPicture(options);
cameraPromise.then(function (imageUri) {
deferedPromise.resolve(imageUri);
$cordovaCamera.cleanup();
});
return deferedPromise;
The code works fine in Android but when i run the same on iOS it takes the photo but returns to the app but when i click on view image the link seems to be broken . See below
In orde to test the changes we need to do a remote build so testing the app is difficult . Is there anything obvious that i am missing ? The File Explorer option seems to work in iOs that is image picked from the gallery is picked and on view is shown ?
<?xml version="1.0" encoding="utf-8"?>
<widget xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:vs="http://schemas.microsoft.com/appx/2014/htmlapps" id="com.frontavenue.hseq" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" defaultlocale="en-US">
<name>HSEQ Master</name>
<description>HSEQ</description>
<author href="http://cordova.io" email="dev#cordova.apache.org">frontAvenue</author>
<content src="index.html" />
<vs:features />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="5000" />
<preference name="windows-target-version" value="8.1" />
<!-- Support for Cordova 5.0.0 plugin system -->
<plugin name="cordova-plugin-whitelist" version="1" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
<allow-intent href="market:*" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
</platform>
<platform name="android">
<icon src="res/icons/android/icon-36-ldpi.png" density="ldpi" />
<icon src="res/icons/android/icon-48-mdpi.png" density="mdpi" />
<icon src="res/icons/android/icon-72-hdpi.png" density="hdpi" />
<icon src="res/icons/android/icon-96-xhdpi.png" density="xhdpi" />
</platform>
<platform name="ios">
<!-- iOS 8.0+ -->
<!-- iPhone 6 Plus -->
<icon src="res/icons/ios/icon-60-3x.png" width="180" height="180" />
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="res/icons/ios/icon-60.png" width="60" height="60" />
<icon src="res/icons/ios/icon-60-2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="res/icons/ios/icon-76.png" width="76" height="76" />
<icon src="res/icons/ios/icon-76-2x.png" width="152" height="152" />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="res/icons/ios/icon-40.png" width="40" height="40" />
<icon src="res/icons/ios/icon-40-2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="res/icons/ios/icon-57.png" width="57" height="57" />
<icon src="res/icons/ios/icon-57-2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="res/icons/ios/icon-72.png" width="72" height="72" />
<icon src="res/icons/ios/icon-72-2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="res/icons/ios/icon-small.png" width="29" height="29" />
<icon src="res/icons/ios/icon-small-2x.png" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="res/icons/ios/icon-50.png" width="50" height="50" />
<icon src="res/icons/ios/icon-50-2x.png" width="100" height="100" />
</platform>
<platform name="windows">
<icon src="res/icons/windows/Square150x150Logo.scale-100.png" width="150" height="150" />
<icon src="res/icons/windows/Square150x150Logo.scale-240.png" width="360" height="360" />
<icon src="res/icons/windows/Square30x30Logo.scale-100.png" width="30" height="30" />
<icon src="res/icons/windows/Square310x310Logo.scale-100.png" width="310" height="310" />
<icon src="res/icons/windows/Square44x44Logo.scale-240.png" width="106" height="106" />
<icon src="res/icons/windows/Square70x70Logo.scale-100.png" width="70" height="70" />
<icon src="res/icons/windows/Square71x71Logo.scale-240.png" width="170" height="170" />
<icon src="res/icons/windows/StoreLogo.scale-100.png" width="50" height="50" />
<icon src="res/icons/windows/StoreLogo.scale-240.png" width="120" height="120" />
<icon src="res/icons/windows/Wide310x150Logo.scale-100.png" width="310" height="150" />
<icon src="res/icons/windows/Wide310x150Logo.scale-240.png" width="744" height="360" />
</platform>
<platform name="wp8">
<icon src="res/icons/wp8/ApplicationIcon.png" width="62" height="62" />
<icon src="res/icons/wp8/Background.png" width="173" height="173" />
</platform>
<platform name="android">
<splash src="res/screens/android/screen-hdpi-landscape.png" density="land-hdpi" />
<splash src="res/screens/android/screen-ldpi-landscape.png" density="land-ldpi" />
<splash src="res/screens/android/screen-mdpi-landscape.png" density="land-mdpi" />
<splash src="res/screens/android/screen-xhdpi-landscape.png" density="land-xhdpi" />
<splash src="res/screens/android/screen-hdpi-portrait.png" density="port-hdpi" />
<splash src="res/screens/android/screen-ldpi-portrait.png" density="port-ldpi" />
<splash src="res/screens/android/screen-mdpi-portrait.png" density="port-mdpi" />
<splash src="res/screens/android/screen-xhdpi-portrait.png" density="port-xhdpi" />
</platform>
<platform name="ios">
<splash src="res/screens/ios/screen-iphone-portrait.png" width="320" height="480" />
<splash src="res/screens/ios/screen-iphone-portrait-2x.png" width="640" height="960" />
<splash src="res/screens/ios/screen-ipad-portrait.png" width="768" height="1024" />
<splash src="res/screens/ios/screen-ipad-portrait-2x.png" width="1536" height="2048" />
<splash src="res/screens/ios/screen-ipad-landscape.png" width="1024" height="768" />
<splash src="res/screens/ios/screen-ipad-landscape-2x.png" width="2048" height="1536" />
<splash src="res/screens/ios/screen-iphone-568h-2x.png" width="640" height="1136" />
<splash src="res/screens/ios/screen-iphone-portrait-667h.png" width="750" height="1334" />
<splash src="res/screens/ios/screen-iphone-portrait-736h.png" width="1242" height="2208" />
<splash src="res/screens/ios/screen-iphone-landscape-736h.png" width="2208" height="1242" />
</platform>
<platform name="windows">
<splash src="res/screens/windows/SplashScreen.scale-100.png" width="620" height="300" />
<splash src="res/screens/windows/SplashScreen.scale-240.png" width="1152" height="1920" />
<splash src="res/screens/windows/SplashScreenPhone.scale-240.png" width="1152" height="1920" />
</platform>
<platform name="wp8">
<splash src="res/screens/wp8/SplashScreenImage.jpg" width="480" height="800" />
</platform>
<vs:plugin name="cordova-plugin-camera" version="1.2.0" />
<vs:plugin name="cordova-plugin-file" version="3.0.0" />
<vs:plugin name="cordova-plugin-splashscreen" version="2.1.0" />
<vs:plugin name="cordova-plugin-file-transfer" version="1.4.0" />
<vs:plugin name="cordova-plugin-dialogs" version="1.2.0" />
<vs:plugin name="cordova-plugin-network-information" version="1.1.0" />
<vs:plugin name="de.appplant.cordova.plugin.email-composer" version="0.8.2" src="C:\Users\francisf\Downloads\cordova-plugin-email-composer-0.8.2" />
<preference name="Fullscreen" value="False" />
<preference name="KeepRunning" value="False" />
<preference name="ShowTitle" value="True" />
<preference name="InAppBrowserStorageEnabled" value="False" />
<preference name="SuppressesIncrementalRendering" value="True" />
<vs:plugin name="com.ionic.keyboard" version="1.0.4" src="C:\Users\francisf\Downloads\ionic-plugin-keyboard-1.0.4" />
<vs:plugin name="com.hiddentao.cordova.filepath" version="1.0.0" src="F:\D-Drive\Softwares\Cordova_Plugins\cordova-plugin-filepath-master" />
<vs:plugin name="com.synconset.imagepicker" version="1.0.7" src="F:\D-Drive\Softwares\Cordova_Plugins\cordova-imagePicker-1.0.7" />
<preference name="Orientation" value="default" />
</widget>

White border on canvas

I'm using some code to animate my text so it goes from left to right.
But I'm getting a white border and I don't know why.
Code to animate
public UserControlButton()
{
this.InitializeComponent();
this.Loaded += new RoutedEventHandler(UserControlButton_Loaded);
}
void UserControlButton_Loaded(object sender, RoutedEventArgs e)
{
DoubleAnimation doubleAnimation = new DoubleAnimation();
doubleAnimation.From = -UserStatusLabel.ActualWidth;
doubleAnimation.To = UserStatusLabelContainer.ActualWidth;
doubleAnimation.RepeatBehavior = RepeatBehavior.Forever;
doubleAnimation.Duration = new Duration(TimeSpan.Parse("0:0:10"));
UserStatusLabel.BeginAnimation(Canvas.LeftProperty, doubleAnimation);
}
This is a screenshot
As you can see, I don't want the border around the canvas.
But it is only when there is text at a border
This is my xaml
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
xmlns:ee="http://schemas.microsoft.com/expression/2010/effects"
mc:Ignorable="d"
xmlns:converters="clr-namespace:UserControlSolution.Converter"
x:Class="UserControlSolution.UserControlButton"
x:Name="UserControl"
Height="50" Background="#FF2F2F2F"
VerticalAlignment = "Top"
Margin="2,0,0,5"
>
<UserControl.Resources>
<converters:StatusEnumToStatusResourceConverter x:Key="StatusIconConverter"/>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Height="50" RenderTransformOrigin="0.5,0.5" VerticalAlignment="Top" HorizontalAlignment="Stretch">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="30"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="50"/>
</Grid.ColumnDefinitions>
<StackPanel x:Name="UserCallAlarmPanel" VerticalAlignment="Top" Grid.Column="0" Background="{DynamicResource DarkGrey}" Margin="0,0,2,0" HorizontalAlignment="Left">
<WrapPanel Name="CallPanel" Height="25" Visibility="Visible" MouseLeftButtonDown="CallPanel_MouseLeftButtonDown">
<WrapPanel.Resources>
<Style TargetType="{x:Type WrapPanel}">
<Setter Property="Background" Value="Transparent"/>
<Style.Triggers>
<DataTrigger Binding="{Binding IsMouseOver, ElementName=CallPanel}" Value="True" >
<Setter Property="Background" Value="{StaticResource LightGrey}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</WrapPanel.Resources>
<Viewbox Height="25" Visibility="Visible">
<ContentControl Content="{DynamicResource calls_icon}"/>
</Viewbox>
</WrapPanel>
<WrapPanel Name="AlarmPanel" Height="25" Visibility="Visible" MouseLeftButtonDown="AlarmPanel_MouseLeftButtonDown">
<WrapPanel.Resources>
<Style TargetType="{x:Type WrapPanel}">
<Setter Property="Background" Value="Transparent"/>
<Style.Triggers>
<DataTrigger Binding="{Binding IsMouseOver, ElementName=AlarmPanel}" Value="True" >
<Setter Property="Background" Value="{StaticResource LightGrey}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</WrapPanel.Resources>
<Viewbox Height="25" Visibility="Visible">
<ContentControl Content="{DynamicResource alarm_icon}"/>
</Viewbox>
</WrapPanel>
</StackPanel>
<StackPanel x:Name="UserContainer" Orientation="Vertical" VerticalAlignment="Center" Grid.Column="1" Background="{DynamicResource DarkGrey}">
<TextBlock x:Name="NameLabel" FontSize="16" Foreground="#FFE5E5E5" Text="{Binding Name}" VerticalAlignment="Top" FontFamily="Segoe UI Semibold" RenderTransformOrigin="0.5,0.5" Margin="0,0,0,2"/>
<Canvas Name="UserStatusLabelContainer" ClipToBounds="True" HorizontalAlignment="Stretch" Height="16">
<TextBlock x:Name="UserStatusLabel" Text="{Binding UserStatus}" TextWrapping="NoWrap" VerticalAlignment="Top" Foreground="#FFE5E5E5" />
</Canvas>
</StackPanel>
<WrapPanel Name="StatusIconContainer" Grid.Column="2" MouseLeftButtonDown="StatusIconContainer_MouseLeftButtonDown">
<WrapPanel.Resources>
<Style TargetType="{x:Type WrapPanel}">
<Setter Property="Background" Value="Transparent"/>
<Style.Triggers>
<DataTrigger Binding="{Binding IsMouseOver, ElementName=StatusIconContainer}" Value="True" >
<Setter Property="Background" Value="{StaticResource LightGrey}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</WrapPanel.Resources>
<Viewbox x:Name="StatusIconViewbox">
<ContentControl x:Name="StatusIcon" Content="{Binding Status, Converter={StaticResource StatusIconConverter}}" VerticalAlignment="Top" HorizontalAlignment="Center" />
</Viewbox>
</WrapPanel>
</Grid>
Resources:
<Application x:Class="UserControlSolution.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:clr="clr-namespace:System;assembly=mscorlib"
StartupUri="MainWindow.xaml">
<Application.Resources>
<Canvas x:Key="status_offline" x:Shared="False" x:Name="status_offline" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="31.6666" Height="31.6667" Canvas.Left="22.1666" Canvas.Top="22.1667" Stretch="Fill" Fill="{DynamicResource Red}" Data="F1 M 26.9166,22.1667L 37.9999,33.25L 49.0832,22.1668L 53.8332,26.9168L 42.7499,38L 53.8332,49.0834L 49.0833,53.8334L 37.9999,42.75L 26.9166,53.8334L 22.1666,49.0833L 33.25,38L 22.1667,26.9167L 26.9166,22.1667 Z " Stroke="{DynamicResource DarkGrey}"/>
</Canvas>
<Canvas x:Key="status_online" x:Shared="False" x:Name="status_online" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="37.9998" Height="31.6665" Canvas.Left="19.0001" Canvas.Top="22.1668" Stretch="Fill" Fill="{DynamicResource Green}" Data="F1 M 23.7501,33.25L 34.8334,44.3333L 52.2499,22.1668L 56.9999,26.9168L 34.8334,53.8333L 19.0001,38L 23.7501,33.25 Z " Stroke="{DynamicResource DarkGrey}"/>
</Canvas>
<Canvas x:Key="status_redirect" x:Shared="False" x:Name="status_redirect" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="39.25" Height="28" Canvas.Left="19.0002" Canvas.Top="24" Stretch="Fill" Fill="{DynamicResource Blue}" Data="F1 M 19.0002,34L 19.0002,42L 43.7502,42L 33.7502,52L 44.2502,52L 58.2502,38L 44.2502,24L 33.7502,24L 43.7502,34L 19.0002,34 Z " Stroke="{DynamicResource DarkGrey}"/>
</Canvas>
<Canvas x:Key="status_sleeping" x:Shared="False" x:Name="status_sleeping" Width="75.9905" Height="75.9905" Clip="F1 M 0,0L 75.9905,0L 75.9905,75.9905L 0,75.9905L 0,0">
<Path Width="40.6287" Height="46.7808" Canvas.Left="17.4145" Canvas.Top="14.2482" Stretch="Fill" Fill="{DynamicResource Yellow}" Data="F1 M 41.1615,61.029C 28.0464,61.029 17.4145,50.3971 17.4145,37.2819C 17.4145,26.1675 25.0501,16.8364 35.3618,14.2482C 31.1173,18.5382 28.4964,24.4378 28.4964,30.9494C 28.4964,44.0645 39.1283,54.6964 52.2435,54.6964C 54.2442,54.6964 56.1871,54.449 58.0432,53.9831C 53.7389,58.3336 47.765,61.029 41.1615,61.029 Z M 49.9383,49.0772L 43.2883,49.0772L 43.2883,48.1882L 47.0243,43.3139L 43.7316,43.3139L 43.7316,41.6883L 49.9383,41.6883L 49.9383,42.7574L 46.3985,47.4517L 49.9383,47.4517L 49.9383,49.0772 Z M 56.2341,39.5784L 47.6841,39.5784L 47.6841,38.4354L 52.4875,32.1684L 48.2541,32.1684L 48.2541,30.0784L 56.2341,30.0784L 56.2341,31.4529L 51.683,37.4884L 56.2341,37.4884L 56.2341,39.5784 Z M 50.2606,28.4964L 39.8106,28.4964L 39.8106,27.0995L 45.6815,19.4398L 40.5073,19.4398L 40.5073,16.8853L 50.2606,16.8853L 50.2606,18.5653L 44.6982,25.942L 50.2606,25.942L 50.2606,28.4964 Z "/>
</Canvas>
<Canvas x:Key="status_pause" x:Shared="False" x:Name="status_pause" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="22.1667" Height="28.5" Canvas.Left="26.9167" Canvas.Top="23.75" Stretch="Fill" Fill="{DynamicResource Orange}" Data="F1 M 26.9167,23.75L 33.25,23.75L 33.25,52.25L 26.9167,52.25L 26.9167,23.75 Z M 42.75,23.75L 49.0833,23.75L 49.0833,52.25L 42.75,52.25L 42.75,23.75 Z "/>
</Canvas>
<Canvas x:Key="calls_icon" x:Shared="False" x:Name="calls_icon" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="26.1886" Height="41.1667" Canvas.Left="24.9057" Canvas.Top="17.4167" Stretch="Fill" Fill="{DynamicResource Green}" Data="F1 M 50.9225,54.2329C 51.037,54.5029 51.0943,54.7769 51.0943,55.0551C 51.0943,55.4396 50.992,55.7986 50.7875,56.132C 50.583,56.4654 50.2966,56.72 49.9285,56.8959L 48.1981,57.7059C 47.5231,58.0127 46.8471,58.2356 46.1701,58.3747C 45.4931,58.5138 44.809,58.5833 44.1176,58.5833C 43.005,58.5833 41.9056,58.3982 40.8195,58.028C 39.7334,57.6578 38.6944,57.1281 37.7024,56.4388C 36.7104,55.7495 35.7798,54.916 34.9105,53.9384C 34.0412,52.9607 33.263,51.8705 32.5757,50.6678C 32.138,50.0011 31.6778,49.2402 31.1951,48.3852C 30.7861,47.6571 30.3187,46.7848 29.7931,45.7682C 29.2674,44.7517 28.7366,43.6237 28.2008,42.3842C 27.6526,41.1447 27.218,40.0617 26.8968,39.1352C 26.5757,38.2086 26.3272,37.4386 26.1513,36.825C 25.9468,36.1091 25.8057,35.4955 25.7279,34.9841C 25.4457,34.0351 25.2381,33.0912 25.1051,32.1524C 24.9722,31.2136 24.9057,30.2839 24.9057,29.3635C 24.9057,28.1609 25.0264,27.0032 25.2677,25.8905C 25.5091,24.7779 25.8793,23.7429 26.3783,22.7857C 26.8774,21.8285 27.5104,20.9725 28.2775,20.2178C 29.0445,19.463 29.9516,18.8484 30.9988,18.3739L 32.7046,17.5885C 32.9746,17.4739 33.2446,17.4167 33.5146,17.4167C 33.895,17.4167 34.2488,17.522 34.5761,17.7327C 34.9033,17.9433 35.1488,18.2348 35.3124,18.6071L 38.5952,26.0623C 38.7097,26.3323 38.767,26.6023 38.767,26.8723C 38.767,27.2691 38.6647,27.6362 38.4602,27.9737C 38.2557,28.3112 37.9673,28.5638 37.595,28.7319L 34.2202,30.2839C 33.7743,30.4885 33.4327,30.7891 33.1955,31.1859C 32.9582,31.5827 32.8396,32.0102 32.8396,32.4684C 32.8396,32.8161 32.905,33.1433 33.0359,33.4501L 38.5768,46.1026C 38.7936,46.5894 39.0932,46.9474 39.4757,47.1764C 39.8582,47.4055 40.2744,47.5201 40.7244,47.5201C 41.0312,47.5201 41.3441,47.4505 41.6632,47.3114L 45.038,45.759C 45.3039,45.6445 45.5719,45.5872 45.8419,45.5872C 46.2141,45.5872 46.5659,45.6925 46.8973,45.9032C 47.2286,46.1139 47.4781,46.4033 47.6458,46.7715L 50.9225,54.2329 Z " Stroke="{DynamicResource DarkGrey}"/>
</Canvas>
<Canvas x:Key="alarm_icon" x:Shared="False" x:Name="alarm_icon" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="34.8333" Height="34.8333" Canvas.Left="20.5833" Canvas.Top="20.5833" Stretch="Fill" Fill="{DynamicResource Yellow}" Data="F1 M 38,23.75C 46.7445,23.75 53.8333,30.8388 53.8333,39.5833C 53.8333,48.3278 46.7445,55.4167 38,55.4167C 29.2555,55.4167 22.1667,48.3278 22.1667,39.5833C 22.1667,30.8388 29.2555,23.75 38,23.75 Z M 38,27.7083C 31.4416,27.7083 26.125,33.025 26.125,39.5833C 26.125,46.1417 31.4416,51.4583 38,51.4583C 44.5584,51.4583 49.875,46.1417 49.875,39.5833C 49.875,33.025 44.5584,27.7083 38,27.7083 Z M 37.6042,30.875C 38.4786,30.875 39.1875,31.5839 39.1875,32.4583L 39.1875,38.3959L 45.125,38.3959C 45.9994,38.3959 46.7083,39.1047 46.7083,39.9792L 46.7083,40.7708C 46.7083,41.6453 45.9994,42.3542 45.125,42.3542L 38,42.3542C 37.2083,42.2222 36.4167,42.0903 35.9548,41.6285C 35.493,41.1667 35.3611,40.375 35.2292,39.5833L 35.2292,32.4583C 35.2292,31.5839 35.938,30.875 36.8125,30.875L 37.6042,30.875 Z M 49.0833,20.5833C 52.5811,20.5833 55.4167,23.4189 55.4167,26.9167C 55.4167,28.4256 54.889,29.8113 54.008,30.8993C 51.9429,27.1006 48.5651,24.1189 44.4835,22.5632C 45.6379,21.3439 47.2718,20.5833 49.0833,20.5833 Z M 26.9167,20.5834C 28.7282,20.5834 30.3621,21.3439 31.5165,22.5632C 27.4349,24.1189 24.0571,27.1006 21.992,30.8993C 21.111,29.8113 20.5833,28.4256 20.5833,26.9167C 20.5833,23.4189 23.4189,20.5834 26.9167,20.5834 Z "/>
</Canvas>
<Canvas x:Key="action_sipcall_icon" x:Shared="False" x:Name="action_sipcall_icon" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="26.1886" Height="41.1667" Canvas.Left="24.9057" Canvas.Top="17.4167" Stretch="Fill" Fill="#FFEFF4FF" Data="F1 M 50.9225,54.2329C 51.037,54.5029 51.0943,54.7769 51.0943,55.0551C 51.0943,55.4396 50.992,55.7986 50.7875,56.132C 50.583,56.4654 50.2966,56.72 49.9285,56.8959L 48.1981,57.7059C 47.5231,58.0127 46.8471,58.2356 46.1701,58.3747C 45.4931,58.5138 44.809,58.5833 44.1176,58.5833C 43.005,58.5833 41.9056,58.3982 40.8195,58.028C 39.7334,57.6578 38.6944,57.1281 37.7024,56.4388C 36.7104,55.7495 35.7798,54.916 34.9105,53.9384C 34.0412,52.9607 33.263,51.8705 32.5757,50.6678C 32.138,50.0011 31.6778,49.2402 31.1951,48.3852C 30.7861,47.6571 30.3187,46.7848 29.7931,45.7682C 29.2674,44.7517 28.7366,43.6237 28.2008,42.3842C 27.6526,41.1447 27.218,40.0617 26.8968,39.1352C 26.5757,38.2086 26.3272,37.4386 26.1513,36.825C 25.9468,36.1091 25.8057,35.4955 25.7279,34.9841C 25.4457,34.0351 25.2381,33.0912 25.1051,32.1524C 24.9722,31.2136 24.9057,30.2839 24.9057,29.3635C 24.9057,28.1609 25.0264,27.0032 25.2677,25.8905C 25.5091,24.7779 25.8793,23.7429 26.3783,22.7857C 26.8774,21.8285 27.5104,20.9725 28.2775,20.2178C 29.0445,19.463 29.9516,18.8484 30.9988,18.3739L 32.7046,17.5885C 32.9746,17.4739 33.2446,17.4167 33.5146,17.4167C 33.895,17.4167 34.2488,17.522 34.5761,17.7327C 34.9033,17.9433 35.1488,18.2348 35.3124,18.6071L 38.5952,26.0623C 38.7097,26.3323 38.767,26.6023 38.767,26.8723C 38.767,27.2691 38.6647,27.6362 38.4602,27.9737C 38.2557,28.3112 37.9673,28.5638 37.595,28.7319L 34.2202,30.2839C 33.7743,30.4885 33.4327,30.7891 33.1955,31.1859C 32.9582,31.5827 32.8396,32.0102 32.8396,32.4684C 32.8396,32.8161 32.905,33.1433 33.0359,33.4501L 38.5768,46.1026C 38.7936,46.5894 39.0932,46.9474 39.4757,47.1764C 39.8582,47.4055 40.2744,47.5201 40.7244,47.5201C 41.0312,47.5201 41.3441,47.4505 41.6632,47.3114L 45.038,45.759C 45.3039,45.6445 45.5719,45.5872 45.8419,45.5872C 46.2141,45.5872 46.5659,45.6925 46.8973,45.9032C 47.2286,46.1139 47.4781,46.4033 47.6458,46.7715L 50.9225,54.2329 Z "/>
<TextBlock Height="24.074" Canvas.Left="42.638" TextWrapping="Wrap" Width="28.92" Foreground="#FFEFF4FF" Canvas.Top="18.593" RenderTransformOrigin="0.5,0.5" FontSize="18.667" FontFamily="Calibri">
<TextBlock.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle="-24.887"/>
<TranslateTransform/>
</TransformGroup>
</TextBlock.RenderTransform><Run Language="nl-nl" Text="SIP"/></TextBlock>
</Canvas>
<Canvas x:Key="action_sipcall_icon_focus" x:Shared="False" x:Name="sipcall_icon_focus" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="26.1886" Height="41.1667" Canvas.Left="24.9057" Canvas.Top="17.4167" Stretch="Fill" Fill="{DynamicResource Yellow}" Data="F1 M 50.9225,54.2329C 51.037,54.5029 51.0943,54.7769 51.0943,55.0551C 51.0943,55.4396 50.992,55.7986 50.7875,56.132C 50.583,56.4654 50.2966,56.72 49.9285,56.8959L 48.1981,57.7059C 47.5231,58.0127 46.8471,58.2356 46.1701,58.3747C 45.4931,58.5138 44.809,58.5833 44.1176,58.5833C 43.005,58.5833 41.9056,58.3982 40.8195,58.028C 39.7334,57.6578 38.6944,57.1281 37.7024,56.4388C 36.7104,55.7495 35.7798,54.916 34.9105,53.9384C 34.0412,52.9607 33.263,51.8705 32.5757,50.6678C 32.138,50.0011 31.6778,49.2402 31.1951,48.3852C 30.7861,47.6571 30.3187,46.7848 29.7931,45.7682C 29.2674,44.7517 28.7366,43.6237 28.2008,42.3842C 27.6526,41.1447 27.218,40.0617 26.8968,39.1352C 26.5757,38.2086 26.3272,37.4386 26.1513,36.825C 25.9468,36.1091 25.8057,35.4955 25.7279,34.9841C 25.4457,34.0351 25.2381,33.0912 25.1051,32.1524C 24.9722,31.2136 24.9057,30.2839 24.9057,29.3635C 24.9057,28.1609 25.0264,27.0032 25.2677,25.8905C 25.5091,24.7779 25.8793,23.7429 26.3783,22.7857C 26.8774,21.8285 27.5104,20.9725 28.2775,20.2178C 29.0445,19.463 29.9516,18.8484 30.9988,18.3739L 32.7046,17.5885C 32.9746,17.4739 33.2446,17.4167 33.5146,17.4167C 33.895,17.4167 34.2488,17.522 34.5761,17.7327C 34.9033,17.9433 35.1488,18.2348 35.3124,18.6071L 38.5952,26.0623C 38.7097,26.3323 38.767,26.6023 38.767,26.8723C 38.767,27.2691 38.6647,27.6362 38.4602,27.9737C 38.2557,28.3112 37.9673,28.5638 37.595,28.7319L 34.2202,30.2839C 33.7743,30.4885 33.4327,30.7891 33.1955,31.1859C 32.9582,31.5827 32.8396,32.0102 32.8396,32.4684C 32.8396,32.8161 32.905,33.1433 33.0359,33.4501L 38.5768,46.1026C 38.7936,46.5894 39.0932,46.9474 39.4757,47.1764C 39.8582,47.4055 40.2744,47.5201 40.7244,47.5201C 41.0312,47.5201 41.3441,47.4505 41.6632,47.3114L 45.038,45.759C 45.3039,45.6445 45.5719,45.5872 45.8419,45.5872C 46.2141,45.5872 46.5659,45.6925 46.8973,45.9032C 47.2286,46.1139 47.4781,46.4033 47.6458,46.7715L 50.9225,54.2329 Z " Stroke="{DynamicResource DarkGrey}"/>
<TextBlock Height="62.373" Canvas.Left="48.997" TextWrapping="Wrap" Width="65.536" Foreground="{DynamicResource Yellow}" Canvas.Top="9.11" RenderTransformOrigin="0.5,0.5" FontSize="18.667" FontFamily="Calibri">
<TextBlock.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle="-24.887"/>
<TranslateTransform/>
</TransformGroup>
</TextBlock.RenderTransform><Run Language="nl-nl" Text="SIP"/></TextBlock>
</Canvas>
<Canvas x:Key="action_call_icon" x:Shared="False" x:Name="action_call_icon" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="26.1886" Height="41.1667" Canvas.Left="24.9057" Canvas.Top="17.4167" Stretch="Fill" Fill="{DynamicResource VeryLightBlue}" Data="F1 M 50.9225,54.2329C 51.037,54.5029 51.0943,54.7769 51.0943,55.0551C 51.0943,55.4396 50.992,55.7986 50.7875,56.132C 50.583,56.4654 50.2966,56.72 49.9285,56.8959L 48.1981,57.7059C 47.5231,58.0127 46.8471,58.2356 46.1701,58.3747C 45.4931,58.5138 44.809,58.5833 44.1176,58.5833C 43.005,58.5833 41.9056,58.3982 40.8195,58.028C 39.7334,57.6578 38.6944,57.1281 37.7024,56.4388C 36.7104,55.7495 35.7798,54.916 34.9105,53.9384C 34.0412,52.9607 33.263,51.8705 32.5757,50.6678C 32.138,50.0011 31.6778,49.2402 31.1951,48.3852C 30.7861,47.6571 30.3187,46.7848 29.7931,45.7682C 29.2674,44.7517 28.7366,43.6237 28.2008,42.3842C 27.6526,41.1447 27.218,40.0617 26.8968,39.1352C 26.5757,38.2086 26.3272,37.4386 26.1513,36.825C 25.9468,36.1091 25.8057,35.4955 25.7279,34.9841C 25.4457,34.0351 25.2381,33.0912 25.1051,32.1524C 24.9722,31.2136 24.9057,30.2839 24.9057,29.3635C 24.9057,28.1609 25.0264,27.0032 25.2677,25.8905C 25.5091,24.7779 25.8793,23.7429 26.3783,22.7857C 26.8774,21.8285 27.5104,20.9725 28.2775,20.2178C 29.0445,19.463 29.9516,18.8484 30.9988,18.3739L 32.7046,17.5885C 32.9746,17.4739 33.2446,17.4167 33.5146,17.4167C 33.895,17.4167 34.2488,17.522 34.5761,17.7327C 34.9033,17.9433 35.1488,18.2348 35.3124,18.6071L 38.5952,26.0623C 38.7097,26.3323 38.767,26.6023 38.767,26.8723C 38.767,27.2691 38.6647,27.6362 38.4602,27.9737C 38.2557,28.3112 37.9673,28.5638 37.595,28.7319L 34.2202,30.2839C 33.7743,30.4885 33.4327,30.7891 33.1955,31.1859C 32.9582,31.5827 32.8396,32.0102 32.8396,32.4684C 32.8396,32.8161 32.905,33.1433 33.0359,33.4501L 38.5768,46.1026C 38.7936,46.5894 39.0932,46.9474 39.4757,47.1764C 39.8582,47.4055 40.2744,47.5201 40.7244,47.5201C 41.0312,47.5201 41.3441,47.4505 41.6632,47.3114L 45.038,45.759C 45.3039,45.6445 45.5719,45.5872 45.8419,45.5872C 46.2141,45.5872 46.5659,45.6925 46.8973,45.9032C 47.2286,46.1139 47.4781,46.4033 47.6458,46.7715L 50.9225,54.2329 Z "/>
</Canvas>
<Canvas x:Key="action_call_icon_focus" x:Shared="False" x:Name="action_call_icon_focus" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="26.1886" Height="41.1667" Canvas.Left="24.9057" Canvas.Top="17.4167" Stretch="Fill" Fill="{DynamicResource Green}" Data="F1 M 50.9225,54.2329C 51.037,54.5029 51.0943,54.7769 51.0943,55.0551C 51.0943,55.4396 50.992,55.7986 50.7875,56.132C 50.583,56.4654 50.2966,56.72 49.9285,56.8959L 48.1981,57.7059C 47.5231,58.0127 46.8471,58.2356 46.1701,58.3747C 45.4931,58.5138 44.809,58.5833 44.1176,58.5833C 43.005,58.5833 41.9056,58.3982 40.8195,58.028C 39.7334,57.6578 38.6944,57.1281 37.7024,56.4388C 36.7104,55.7495 35.7798,54.916 34.9105,53.9384C 34.0412,52.9607 33.263,51.8705 32.5757,50.6678C 32.138,50.0011 31.6778,49.2402 31.1951,48.3852C 30.7861,47.6571 30.3187,46.7848 29.7931,45.7682C 29.2674,44.7517 28.7366,43.6237 28.2008,42.3842C 27.6526,41.1447 27.218,40.0617 26.8968,39.1352C 26.5757,38.2086 26.3272,37.4386 26.1513,36.825C 25.9468,36.1091 25.8057,35.4955 25.7279,34.9841C 25.4457,34.0351 25.2381,33.0912 25.1051,32.1524C 24.9722,31.2136 24.9057,30.2839 24.9057,29.3635C 24.9057,28.1609 25.0264,27.0032 25.2677,25.8905C 25.5091,24.7779 25.8793,23.7429 26.3783,22.7857C 26.8774,21.8285 27.5104,20.9725 28.2775,20.2178C 29.0445,19.463 29.9516,18.8484 30.9988,18.3739L 32.7046,17.5885C 32.9746,17.4739 33.2446,17.4167 33.5146,17.4167C 33.895,17.4167 34.2488,17.522 34.5761,17.7327C 34.9033,17.9433 35.1488,18.2348 35.3124,18.6071L 38.5952,26.0623C 38.7097,26.3323 38.767,26.6023 38.767,26.8723C 38.767,27.2691 38.6647,27.6362 38.4602,27.9737C 38.2557,28.3112 37.9673,28.5638 37.595,28.7319L 34.2202,30.2839C 33.7743,30.4885 33.4327,30.7891 33.1955,31.1859C 32.9582,31.5827 32.8396,32.0102 32.8396,32.4684C 32.8396,32.8161 32.905,33.1433 33.0359,33.4501L 38.5768,46.1026C 38.7936,46.5894 39.0932,46.9474 39.4757,47.1764C 39.8582,47.4055 40.2744,47.5201 40.7244,47.5201C 41.0312,47.5201 41.3441,47.4505 41.6632,47.3114L 45.038,45.759C 45.3039,45.6445 45.5719,45.5872 45.8419,45.5872C 46.2141,45.5872 46.5659,45.6925 46.8973,45.9032C 47.2286,46.1139 47.4781,46.4033 47.6458,46.7715L 50.9225,54.2329 Z " Stroke="{DynamicResource DarkGrey}"/>
</Canvas>
<Canvas x:Key="action_chat" x:Shared="False" x:Name="action_chat" Width="76.0106" Height="76.0106" Clip="F1 M 0,0L 76.0106,0L 76.0106,76.0106L 0,76.0106L 0,0">
<Path Width="38.0053" Height="38.0053" Canvas.Left="19.0026" Canvas.Top="19.0027" Stretch="Fill" Fill="{DynamicResource VeryLightBlue}" Data="F1 M 40.3806,19.0027C 49.5637,19.0027 57.008,23.611 57.008,29.2958C 57.008,32.9008 54.0141,36.073 49.4815,37.9115C 50.4478,39.7772 52.1442,41.8291 53.8406,44.4135C 50.3128,43.1826 45.0382,41.9924 41.9082,39.546L 40.3806,39.5889C 31.1976,39.5889 23.7533,34.9805 23.7533,29.2958C 23.7533,23.611 31.1976,19.0027 40.3806,19.0027 Z M 44.3395,43.5477C 44.3395,48.3579 38.6677,52.2573 31.6711,52.2573L 30.7082,52.2325C 28.1329,54.6161 24.5589,57.008 20.5862,57.008C 21.5113,55.1577 23.5174,53.3075 24.7099,50.8257C 21.2717,49.2683 19.0026,46.5902 19.0026,43.5477C 19.0026,40.5065 21.27,37.8293 24.706,36.2715C 27.6472,39.1709 32.8586,41.0982 38.7973,41.0982L 40.3249,41.0553C 41.4454,41.9312 42.8409,42.646 44.3327,43.2594L 44.3395,43.5477 Z "/>
</Canvas>
<Canvas x:Key="action_chat_focus" x:Shared="False" x:Name="action_chat_focus" Width="76.0106" Height="76.0106" Clip="F1 M 0,0L 76.0106,0L 76.0106,76.0106L 0,76.0106L 0,0">
<Path Width="38.0053" Height="38.0053" Canvas.Left="19.0026" Canvas.Top="19.0027" Stretch="Fill" Fill="{DynamicResource Orange}" Data="F1 M 40.3806,19.0027C 49.5637,19.0027 57.008,23.611 57.008,29.2958C 57.008,32.9008 54.0141,36.073 49.4815,37.9115C 50.4478,39.7772 52.1442,41.8291 53.8406,44.4135C 50.3128,43.1826 45.0382,41.9924 41.9082,39.546L 40.3806,39.5889C 31.1976,39.5889 23.7533,34.9805 23.7533,29.2958C 23.7533,23.611 31.1976,19.0027 40.3806,19.0027 Z M 44.3395,43.5477C 44.3395,48.3579 38.6677,52.2573 31.6711,52.2573L 30.7082,52.2325C 28.1329,54.6161 24.5589,57.008 20.5862,57.008C 21.5113,55.1577 23.5174,53.3075 24.7099,50.8257C 21.2717,49.2683 19.0026,46.5902 19.0026,43.5477C 19.0026,40.5065 21.27,37.8293 24.706,36.2715C 27.6472,39.1709 32.8586,41.0982 38.7973,41.0982L 40.3249,41.0553C 41.4454,41.9312 42.8409,42.646 44.3327,43.2594L 44.3395,43.5477 Z "/>
</Canvas>
<Canvas x:Key="action_message" x:Shared="False" x:Name="action_message" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="38" Height="39.75" Canvas.Left="19" Canvas.Top="22" Stretch="Fill" Fill="{DynamicResource VeryLightBlue}" Data="F1 M 33,51L 36.4167,61.75L 24,51L 19,51L 19,22L 57,22L 57,51L 33,51 Z "/>
</Canvas>
<Canvas x:Key="action_message_focus" x:Shared="False" x:Name="action_message_focus" Width="76" Height="76" Clip="F1 M 0,0L 76,0L 76,76L 0,76L 0,0">
<Path Width="38" Height="39.75" Canvas.Left="19" Canvas.Top="22" Stretch="Fill" Fill="{DynamicResource Blue}" Data="F1 M 33,51L 36.4167,61.75L 24,51L 19,51L 19,22L 57,22L 57,51L 33,51 Z "/>
</Canvas>
<SolidColorBrush x:Key="Orange" Color="#FFF5610E"/>
<SolidColorBrush x:Key="Red" Color="#FFE51400"/>
<SolidColorBrush x:Key="Blue" Color="#FF1BA1E2"/>
<SolidColorBrush x:Key="Yellow" Color="#FFFFC40D"/>
<SolidColorBrush x:Key="Green" Color="#FF00A300"/>
<SolidColorBrush x:Key="DarkGrey" Color="#FF2F2F2F"/>
<SolidColorBrush x:Key="VeryLightBlue" Color="#FFEFF4FF"/>
<SolidColorBrush x:Key="LightGrey" Color="#FF3B3B3B"/>
</Application.Resources>
Well I can't test your actual code because of all the missing Resources, but here are some suggestions that may or may not help:
Set a little Padding on the animated TextBlock.
Set the Background property of the animated TextBlock to Transparent.
Set the SnapsToDevicePixels property of the animated TextBlock to True.
You could also try using a TextBox control, but Style it to look like a TextBlock:
<Style x:Key="TextBlockStyle" TargetType="{x:Type TextBox}">
<Setter Property="Background" Value="{x:Null}" />
<Setter Property="BorderBrush" Value="{x:Null}" />
<Setter Property="BorderThickness" Value="0" />
<Setter Property="Padding" Value="0" />
<Setter Property="IsReadOnly" Value="True" />
<Setter Property="IsTabStop" Value="False" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="SnapsToDevicePixels" Value="True" />
<Setter Property="TextWrapping" Value="Wrap" />
<Style.Triggers>
<Trigger Property="IsEnabled" Value="False">
<Setter Property="Background" Value="{x:Null}" />
</Trigger>
</Style.Triggers>
</Style>
UPDATE >>>
Ok, so I've added your code to a new WPF application and I'm afraid to tell you that I have no visual problem like you:
Mind you, I don't have your view model/DataContext... I just typed that message into the TextBlock.Text property.
I think you might benefit from simplifying your xaml, there seems to be a lot going on which will just make it very complicated to find out what's happening.
It looks like you have many panels that aren't providing you with much benefit, for example the WrapPanels (which is designed to wrap a list of items) that contain only a single child control, the ViewBoxes which are a fixed size (so they will simply be scaling your icon) and also the Canvas wrapping your text block which is always at the top left.
You've currently got
<Grid x:Name="LayoutRoot">
<Grid.ColumnDefinitions ... 3 columns/>
<StackPanel x:Name="UserCallAlarmPanel" >
<WrapPanel Name="CallPanel" >
<Viewbox>
<ContentControl Content="{DynamicResource calls_icon}"/>
</Viewbox>
</WrapPanel>
<WrapPanel Name="AlarmPanel">
<Viewbox>
<ContentControl Content="{DynamicResource alarm_icon}"/>
</Viewbox>
</WrapPanel>
</StackPanel>
<StackPanel x:Name="UserContainer" Grid.Column="1">
<TextBlock x:Name="NameLabel" Text="{Binding Name}"/>
<Canvas Name="UserStatusLabelContainer">
<TextBlock x:Name="UserStatusLabel" Text="{Binding UserStatus}" />
</Canvas>
</StackPanel>
<WrapPanel Name="StatusIconContainer" Grid.Column="2" >
<Viewbox x:Name="StatusIconViewbox">
<ContentControl x:Name="StatusIcon" Content="{Binding Status}"/>
</Viewbox>
</WrapPanel>
</Grid>
which I think you can go as far as simplifying to
<Grid x:Name="LayoutRoot">
<Grid.ColumnDefinitions .... 3 columns/>
<Grid.RowDefinitions ... 2 rows Heights fixed to 25/>
<ContentControl Grid.Column="0" Grid.Row="0"
Content="{DynamicResource calls_icon}"/>
<ContentControl Grid.Column="0" Grid.Row="1"
Content="{DynamicResource alarm_icon}"/>
<TextBlock Grid.Column="1" Grid.Row="0"
x:Name="NameLabel" Text="{Binding Name}"/>
<TextBlock Grid.Column="1" Grid.Row="1"
x:Name="UserStatusLabel" Text="{Binding UserStatus}" />
<ContentControl Grid.Column="2" Grid.Row="0" Grid.RowSpan="2"
x:Name="StatusIcon" Content="{Binding Status}"/>
</Grid>
You can then apply your MouseOvers to the ContentControls and TextBlocks, and shouldn't lose any other functionality, unless you need to rescale your icons.

how to disable timestamp in WCF "wsHTTPBinding"?

I want to disable timestamp in WCF wsHTTPBinding because if I have client has different time more than 10 min it give me exception that the time is in the future how I can disable it or if there is another solution ?
code example in client :in app.config
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.serviceModel>
<bindings>
<wsHttpBinding>
<binding name="WSHttpBinding_IFileTransferServiceClient" closeTimeout="00:01:00"
openTimeout="00:01:00" receiveTimeout="00:10:00" sendTimeout="00:01:00"
bypassProxyOnLocal="false" transactionFlow="false" hostNameComparisonMode="StrongWildcard"
maxBufferPoolSize="524288" maxReceivedMessageSize="65536"
messageEncoding="Text" textEncoding="utf-8" useDefaultWebProxy="true"
allowCookies="false">
<readerQuotas maxDepth="32" maxStringContentLength="8192" maxArrayLength="16384"
maxBytesPerRead="4096" maxNameTableCharCount="16384" />
<reliableSession ordered="true" inactivityTimeout="00:10:00"
enabled="false" />
<security mode="Message">
<transport clientCredentialType="Windows" proxyCredentialType="None"
realm="" />
<message clientCredentialType="Windows" negotiateServiceCredential="true"
algorithmSuite="Default" />
</security>
</binding>
</wsHttpBinding>
</bindings>
<client>
<endpoint address="http://localhost:8732/Design_Time_Addresses/filetransfer/FileTransferServiceClient/"
binding="wsHttpBinding" bindingConfiguration="WSHttpBinding_IFileTransferServiceClient"
contract="IFileTransferServiceClient" name="WSHttpBinding_IFileTransferServiceClient">
<identity>
<dns value="localhost" />
</identity>
</endpoint>
</client>
</system.serviceModel>
</configuration>
Increase the MaxClockSkew property: http://msdn.microsoft.com/en-us/library/aa738468.aspx

WPF 3D - Why does my ImageBrush not render?

I have a 3D plane which I'm trying to render with an ImageBrush as it's DiffuseMaterial.Brush. If i use a SolidColorBrush then the plane appears fine but I get nothing at all with either an ImageBrush or a VisualBrush.
Can anyone tell me why? Here's the code.
<ModelVisual3D>
<ModelVisual3D.Transform>
<RotateTransform3D CenterX="0" CenterY="0" CenterZ="0">
<RotateTransform3D.Rotation>
<AxisAngleRotation3D Axis="0 1 0" Angle="90"/>
</RotateTransform3D.Rotation>
</RotateTransform3D>
</ModelVisual3D.Transform>
<ModelVisual3D.Content>
<GeometryModel3D>
<GeometryModel3D.Geometry>
<MeshGeometry3D x:Name="frontmesh" TriangleIndices="
0 1 2
2 3 0">
<MeshGeometry3D.Positions>
<MultiBinding Converter="{StaticResource front}">
<Binding ElementName="UC" Path="CubeHeight" />
<Binding ElementName="UC" Path="CubeWidth" />
<Binding ElementName="UC" Path="CubeDepth" />
</MultiBinding>
</MeshGeometry3D.Positions>
</MeshGeometry3D>
</GeometryModel3D.Geometry>
<GeometryModel3D.Material>
<DiffuseMaterial>
<DiffuseMaterial.Brush>
<ImageBrush ImageSource="CF.jpg"
AlignmentX="Center" AlignmentY="Center"
Stretch="Fill"/>
</DiffuseMaterial.Brush>
</DiffuseMaterial>
</GeometryModel3D.Material>
</GeometryModel3D>
</ModelVisual3D.Content>
</ModelVisual3D>
Got it,
I needed to provide mapping coordinates for the brush to render. The MeshhGeometry3D now looks like this -
<MeshGeometry3D x:Name="frontmesh" TriangleIndices="
0 1 2
2 3 0"
TextureCoordinates="0 1,1 1,1 0 ,0 0">
<MeshGeometry3D.Positions>
<MultiBinding Converter="{StaticResource front}">
<Binding ElementName="UC" Path="CubeHeight" />
<Binding ElementName="UC" Path="CubeWidth" />
<Binding ElementName="UC" Path="CubeDepth" />
</MultiBinding>
</MeshGeometry3D.Positions>
</MeshGeometry3D>

WPF - KeyFrame animation not working

I've got a KeyFrame Animation storyboard and a separate rotation transformation in my Window.Resources.
The rotation transformation works as I can alter the angle and see the content rotate. I know the storyboard is being called, because it took me a few goes to get the PropertyPath right after I clicked on the button.
However now it does nothing - no error, but no rotation either!
Can anyone help please?
Thanks,
Andy
<Window
x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Height="300" Width="400">
<Window.Resources>
<Storyboard x:Key="myStoryboard">
<Rotation3DAnimationUsingKeyFrames
Storyboard.Target="{Binding TemplatedParent}"
Storyboard.TargetProperty="(Viewport2DVisual3D.Transform).(RotateTransform3D.Rotation)" >
<Rotation3DAnimationUsingKeyFrames.KeyFrames>
<LinearRotation3DKeyFrame KeyTime="0:0:1">
<LinearRotation3DKeyFrame.Value>
<AxisAngleRotation3D Axis="0,1,0" Angle="0" />
</LinearRotation3DKeyFrame.Value>
</LinearRotation3DKeyFrame>
</Rotation3DAnimationUsingKeyFrames.KeyFrames>
</Rotation3DAnimationUsingKeyFrames>
</Storyboard>
<RotateTransform3D x:Key="myRotateTransform3D" >
<RotateTransform3D.Rotation>
<AxisAngleRotation3D Axis="0,1,0" Angle="30" />
</RotateTransform3D.Rotation>
</RotateTransform3D>
<!-- Front, left square -->
<MeshGeometry3D
x:Key="squareMeshFront"
Positions="-1,-1,1 1,-1,1 1,1,1 -1,1,1"
TriangleIndices="0 1 2 0 2 3"
TextureCoordinates="0,1 1,1 1,0 0,0" />
<!-- Bottom -->
<MeshGeometry3D
x:Key="squareMeshBottom"
Positions="-1,-1,1 1,-1,1 1,-1,-1 1,1,-1"
TriangleIndices="0 1 2 0 2 3"
TextureCoordinates="0,1 1,1 1,0 0,0" />
<DiffuseMaterial x:Key="visualHostMaterial" Brush="White" Viewport2DVisual3D.IsVisualHostMaterial="True" />
</Window.Resources>
<Viewport3D>
<Viewport3D.Camera>
<PerspectiveCamera Position="0,0,9" LookDirection="0,0,-1" />
</Viewport3D.Camera>
<Viewport2DVisual3D Material="{StaticResource visualHostMaterial}" Geometry="{StaticResource squareMeshFront}" Transform="{StaticResource myRotateTransform3D}" >
<StackPanel Background="Blue" Width="120" Height="80">
<Button Height="30" Margin="20">
<Button.Content>Click Me</Button.Content>
<Button.Triggers>
<EventTrigger RoutedEvent="Button.Click">
<EventTrigger.Actions>
<BeginStoryboard Storyboard="{StaticResource myStoryboard}" >
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Button.Triggers>
</Button>
</StackPanel>
</Viewport2DVisual3D>
<ModelVisual3D>
<ModelVisual3D.Content>
<AmbientLight Color="White" />
</ModelVisual3D.Content>
</ModelVisual3D>
</Viewport3D>
</Window>
The problem is in Storyboard.Target="{Binding TemplatedParent}". Give a name to Viewport2DVisual3D control: <Viewport2DVisual3D x:Name="vp" .../>, and set Storyboard.TargetName="vp" instead of what you have...
Cheers

Resources