Posts

Showing posts with the label web-applications

WKWebview problems with opening ads or links

WKWebview problems with opening ads or links I created a iOS webapp with WKWebview (Swift) for our website. Everything is going fine, but I have a lot of problems with clicking on ads and links. I handled it like this: func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) { if navigationAction.navigationType == .linkActivated { let url = navigationAction.request.url if let url = navigationAction.request.url, let host = url.host, !host.hasPrefix("www.example"), UIApplication.shared.canOpenURL(url) { UIApplication.shared.open(url) print(url) print("Redirected to browser. No need to open it locally") decisionHandler(.cancel) } else if url?.description.lowercased().range(of: "tel:") != nil || url?.description.lowercased().range(of...

How to add cards in grid with ant design using react js

Image
How to add cards in grid with ant design using react js What is ant design? A design system with values of Nature and Determinacy for better user experience of enterprise applications Read More >> https://ant.design/ A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes. if you need to add card in grid system try this Here I'm using 3 Grid in row (you can change on your requirement). CODE: import React from 'react'; import { Card, Icon, Avatar } from 'antd'; const { Meta } = Card; import { Row, Col } from 'antd'; class Surveys extends React.Component{ render() { return ( <Row gutter={16}> <Col className="gutter-row" span={8}> <Card cover={<img alt="example" src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png" />} actions={[<Icon type="settin...