<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Microform + Woocommerce breaks layout in cybersource APIs</title>
    <link>https://community.developer.cybersource.com/t5/cybersource-APIs/Microform-Woocommerce-breaks-layout/m-p/82537#M89</link>
    <description>&lt;P&gt;&lt;SPAN&gt;&lt;A href="https://gbworlds.com/na3-whatsapp/" target="_self"&gt;NA3 WhatsApp 2022&lt;/A&gt; is clearly one of the most popular modified versions of WhatsApp plus. Unlike other MODs, it has over a billion downloads all over the world. In addition to this, this version contains most stable features. Communication is done in all parts of world through this app. Moreover, it is also used for official tasks, entertainment, and educational purposes.&lt;/SPAN&gt;&lt;/P&gt;</description>
    <pubDate>Sun, 08 May 2022 21:54:31 GMT</pubDate>
    <dc:creator>solonet</dc:creator>
    <dc:date>2022-05-08T21:54:31Z</dc:date>
    <item>
      <title>Microform + Woocommerce breaks layout</title>
      <link>https://community.developer.cybersource.com/t5/cybersource-APIs/Microform-Woocommerce-breaks-layout/m-p/82146#M20</link>
      <description>&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;We're attempting to use the Microform tokenisation in a Woocommerce plugin but as soon as the Microform controls are activated the page layout breaks. The cause is most likely due to the CSS styles in the Microform controls conflicting with the Woocommerce ones.&lt;/P&gt;&lt;P&gt;Before activating the Microform controls the Woocommerce cehckout page&amp;nbsp; looks like:&lt;/P&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="nofrixion_1-1649767074295.png" style="width: 400px;"&gt;&lt;img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2291iD606EFE3D33511BA/image-size/medium/is-moderation-mode/true?v=v2&amp;amp;px=400" role="button" title="nofrixion_1-1649767074295.png" alt="nofrixion_1-1649767074295.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;After executing the snippet below to activate the Microform the Woocommerce cehckout page looks like the screenshot underneath.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;var flex = new Flex(result.jwt);
microform = flex.microform({ styles: myStyles });
var number = microform.createField('number', { placeholder: '0000 0000 0000 0000' });
var securityCode = microform.createField('securityCode', { placeholder: 'CVC' });

number.load('#' + nfConfiguration.cardNumberContainerID);
securityCode.load('#' + nfConfiguration.cardSecurityCodeContainerID);&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="nofrixion_4-1649767226765.png" style="width: 400px;"&gt;&lt;img src="https://community.developer.cybersource.com/t5/image/serverpage/image-id/2292iD7DC06C748C566D4/image-size/medium/is-moderation-mode/true?v=v2&amp;amp;px=400" role="button" title="nofrixion_4-1649767226765.png" alt="nofrixion_4-1649767226765.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;DIV class=""&gt;&amp;nbsp;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 12 Apr 2022 12:41:48 GMT</pubDate>
      <guid>https://community.developer.cybersource.com/t5/cybersource-APIs/Microform-Woocommerce-breaks-layout/m-p/82146#M20</guid>
      <dc:creator>nofrixion</dc:creator>
      <dc:date>2022-04-12T12:41:48Z</dc:date>
    </item>
    <item>
      <title>Re: Microform + Woocommerce breaks layout</title>
      <link>https://community.developer.cybersource.com/t5/cybersource-APIs/Microform-Woocommerce-breaks-layout/m-p/82537#M89</link>
      <description>&lt;P&gt;&lt;SPAN&gt;&lt;A href="https://gbworlds.com/na3-whatsapp/" target="_self"&gt;NA3 WhatsApp 2022&lt;/A&gt; is clearly one of the most popular modified versions of WhatsApp plus. Unlike other MODs, it has over a billion downloads all over the world. In addition to this, this version contains most stable features. Communication is done in all parts of world through this app. Moreover, it is also used for official tasks, entertainment, and educational purposes.&lt;/SPAN&gt;&lt;/P&gt;</description>
      <pubDate>Sun, 08 May 2022 21:54:31 GMT</pubDate>
      <guid>https://community.developer.cybersource.com/t5/cybersource-APIs/Microform-Woocommerce-breaks-layout/m-p/82537#M89</guid>
      <dc:creator>solonet</dc:creator>
      <dc:date>2022-05-08T21:54:31Z</dc:date>
    </item>
  </channel>
</rss>

