Misalignment in jasper report - report

If the content in the report continue to the second page then there is a misalignment in bottom of first page.
Check Threshold/Interval field in first page of the report.The line not printed correctly at the bottom of the report.
I have tried Stretch type to 'Relative to Tallest Object' for all the column but it is not work.
Can someone help on this issue?
JRXML CODE
<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Jaspersoft Studio version 6.2.0.final using JasperReports Library version 6.2.0 -->
<!-- 2016-06-13T04:56:24 -->
<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="amp" language="groovy" pageWidth="842" pageHeight="595" orientation="Landscape" whenNoDataType="AllSectionsNoDetail" columnWidth="802" leftMargin="20" rightMargin="20" topMargin="20" bottomMargin="20" uuid="eefb61f0-0add-423d-bbab-2899bb0dffcf">
<property name="ireport.zoom" value="1.5"/>
<property name="ireport.x" value="0"/>
<property name="ireport.y" value="0"/>
<property name="com.jaspersoft.studio.data.defaultdataadapter" value="unselfishFerret"/>
<property name="com.jaspersoft.studio.data.sql.tables" value=""/>
<template><![CDATA[new ByteArrayInputStream($P{STYLE_SHEET}.getBytes())]]></template>
<parameter name="STYLE_SHEET" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="REPORT_TIME" class="java.lang.String" isForPrompting="false">
<defaultValueExpression><![CDATA["1100"]]></defaultValueExpression>
</parameter>
<parameter name="FOOTER_STRING" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="TITLE_STRING" class="java.lang.String"/>
<parameter name="PAGE_HEADER_STRING" class="java.lang.String"/>
<parameter name="SUB_FLEET_REPORT" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="AIRCRAFT_REPORT" class="java.lang.String"/>
<parameter name="SAMPLE_FLEET_REPORT" class="java.lang.String"/>
<parameter name="OASES_OPTION" class="java.lang.String" isForPrompting="false"/>
<parameter name="OPERATOR_NAME" class="java.lang.String" isForPrompting="false"/>
<parameter name="FLEET" class="java.lang.String" isForPrompting="false">
<defaultValueExpression><![CDATA["A"]]></defaultValueExpression>
</parameter>
<parameter name="REVISION_ID" class="java.lang.String" isForPrompting="false">
<defaultValueExpression><![CDATA["441"]]></defaultValueExpression>
</parameter>
<parameter name="INCL_SUB_FLEET" class="java.lang.String"/>
<parameter name="INCL_SAMPLE_FLEET" class="java.lang.String"/>
<parameter name="INCL_AIRCRAFT" class="java.lang.String"/>
<parameter name="INCL_DIFF" class="java.lang.String"/>
<parameter name="INCL_PACKAGES" class="java.lang.String"/>
<parameter name="INCL_ACCESS_PANELS" class="java.lang.String"/>
<parameter name="INCL_MAN_HOURS" class="java.lang.String"/>
<parameter name="INCL_WORKCARD_NUMBER" class="java.lang.String"/>
<parameter name="WORKCARD_PROPERTIES" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="PACKAGES_REPORT" class="java.lang.String"/>
<parameter name="DIFF_REVISION_ID" class="java.lang.String"/>
<parameter name="AMP_DIFFERENCE_REPORT" class="java.lang.String"/>
<parameter name="BLOCK_KEY" class="java.lang.String"/>
<parameter name="GROUP_WORKCARD_SECTIONS" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="WORKCARD_SECTIONS" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_WC_NOSECTION" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_WORKCARD_PROPERTIES" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_TRADE" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_SKILL" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_ZONE" class="java.lang.String"/>
<parameter name="INCL_SECTION_SUMMARY" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="SECTION_REPORT" class="java.lang.String"/>
<parameter name="INCL_MEN" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_SERIAL_LEVEL_CLL" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_ADSB_INTERVALS" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="DOCUMENT_CLASSES" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="SUB_FLEET" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="AIRCRAFT_CODE" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="EFFECTIVE_CARDS_FILTER" class="java.lang.String">
<defaultValueExpression><![CDATA[]]></defaultValueExpression>
</parameter>
<parameter name="INCL_HIGH_THRESH" class="java.lang.String"/>
<parameter name="INCL_PACKAGE_SUMMARY" class="java.lang.String"/>
<queryString>
<![CDATA[SELECT * FROM TABLE(AMP_REPORT_PKG.GET_AMP_REPORT($P{FLEET}, $P{REVISION_ID}, $P{INCL_SUB_FLEET}, $P{INCL_SAMPLE_FLEET}, $P{INCL_AIRCRAFT}, $P{INCL_DIFF}, $P{INCL_PACKAGE_SUMMARY} , $P{INCL_ACCESS_PANELS}, $P{INCL_MAN_HOURS},
$P{INCL_MEN},
$P{INCL_TRADE},
$P{INCL_SKILL},
$P{INCL_WORKCARD_NUMBER},
$P{INCL_WORKCARD_PROPERTIES},
$P{WORKCARD_PROPERTIES},
$P{BLOCK_KEY},
$P{GROUP_WORKCARD_SECTIONS},
$P{INCL_WC_NOSECTION},
$P{WORKCARD_SECTIONS},
$P{INCL_SECTION_SUMMARY},
$P{INCL_HIGH_THRESH},
$P{INCL_SERIAL_LEVEL_CLL},
$P{INCL_ADSB_INTERVALS},
$P{DOCUMENT_CLASSES},
$P{EFFECTIVE_CARDS_FILTER},
$P{SUB_FLEET},
$P{AIRCRAFT_CODE}
))]]>
</queryString>
<field name="ROW_TYPE" class="java.lang.String"/>
<field name="CHAPTER" class="java.lang.String"/>
<field name="CHAPTER_DESCRIPTION" class="java.lang.String"/>
<field name="OPERATOR_CONTACT" class="java.lang.String"/>
<field name="FLEET" class="java.lang.String"/>
<field name="FLEET_DESCRIPTION" class="java.lang.String"/>
<field name="SUB_FLEET_DESCRIPTION" class="java.lang.String"/>
<field name="AIRCRAFT_REG" class="java.lang.String"/>
<field name="REVISION" class="java.lang.String"/>
<field name="REVISION_DATE" class="java.lang.String"/>
<field name="SCHEDULE_REFERENCE" class="java.lang.String"/>
<field name="ZONE" class="java.lang.String"/>
<field name="DESCRIPTION" class="java.lang.String"/>
<field name="PACKAGES" class="java.lang.String"/>
<field name="ACCESS_PANELS" class="java.lang.String"/>
<field name="THRESHOLD_INTERVAL" class="oracle.sql.CLOB"/>
<field name="REFERENCE" class="java.lang.String"/>
<field name="LABOUR" class="java.lang.String"/>
<field name="EFFECTIVITY" class="oracle.sql.CLOB"/>
<field name="WORKCARD_NUMBER" class="java.lang.String"/>
<field name="WORKCARD_SECTION_CODE" class="java.lang.String"/>
<field name="WORKCARD_SECTION_TITLE" class="java.lang.String"/>
<field name="WORKCARD_SECTION_DESC" class="java.lang.String"/>
<field name="SECTION_DEFINED" class="java.lang.String"/>
<variable name="REPORT_TITLE" class="java.lang.String">
<initialValueExpression><![CDATA["Aircraft Maintenance Programme"]]></initialValueExpression>
</variable>
<group name="WORKCARD SECTION" isStartNewPage="true">
<groupExpression><![CDATA[$P{GROUP_WORKCARD_SECTIONS}.equalsIgnoreCase("Y") ? $F{WORKCARD_SECTION_TITLE} : null]]></groupExpression>
<groupHeader>
<band height="20">
<textField isBlankWhenNull="true">
<reportElement style="SubSectionTitle" mode="Opaque" x="0" y="0" width="802" height="20" isRemoveLineWhenBlank="true" uuid="5394ed8b-3345-4184-8be7-84a1613a78b2">
<printWhenExpression><![CDATA[$F{ROW_TYPE}.equals("BODY") && $P{GROUP_WORKCARD_SECTIONS}.equals("Y")]]></printWhenExpression>
</reportElement>
<textFieldExpression><![CDATA[($F{SECTION_DEFINED} ? "" : "Section " ) + ($F{WORKCARD_SECTION_CODE} ? $F{WORKCARD_SECTION_CODE} + " - " : "") + $F{WORKCARD_SECTION_TITLE}]]></textFieldExpression>
</textField>
</band>
</groupHeader>
<groupFooter>
<band height="50">
<printWhenExpression><![CDATA[!$F{ROW_TYPE}.equals("BODY_NO_DATA")]]></printWhenExpression>
</band>
</groupFooter>
</group>
<group name="CHAPTER TITLE" isStartNewPage="true">
<groupExpression><![CDATA[$F{CHAPTER}]]></groupExpression>
<groupHeader>
<band height="20">
<printWhenExpression><![CDATA[$F{ROW_TYPE}.equals("BODY")]]></printWhenExpression>
<textField isBlankWhenNull="true">
<reportElement style="SubSectionTitle" positionType="Float" x="0" y="0" width="802" height="20" isRemoveLineWhenBlank="true" uuid="e4f1a264-a28b-4f86-8479-94d9da2f6e83">
<printWhenExpression><![CDATA[$F{ROW_TYPE}.equals("BODY") && !$F{CHAPTER}.trim().equals("")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="0.0"/>
<topPen lineWidth="0.0"/>
<leftPen lineWidth="0.0"/>
<bottomPen lineWidth="0.0"/>
<rightPen lineWidth="0.0"/>
</box>
<textFieldExpression><![CDATA["Chapter " + $F{CHAPTER} + " " + $F{CHAPTER_DESCRIPTION}]]></textFieldExpression>
</textField>
</band>
</groupHeader>
</group>
<group name="CHAPTER" isReprintHeaderOnEachPage="true">
<groupExpression><![CDATA[$F{CHAPTER}]]></groupExpression>
<groupHeader>
<band height="24">
<printWhenExpression><![CDATA[$F{ROW_TYPE}.equals("BODY") || $F{ROW_TYPE}.equals("BODY_NO_DATA")]]></printWhenExpression>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="98" y="0" width="204" height="24" uuid="33271916-3c9e-475b-a990-b05fefc27341">
<printWhenExpression><![CDATA[$P{INCL_ZONE}.equals("N") && $P{INCL_PACKAGES}.equals("N")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Description]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="0" y="0" width="98" height="24" uuid="75c29c79-0771-48c9-ba46-55dd713d436d"/>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Task
Number]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="98" y="0" width="28" height="24" uuid="ad030728-aefe-4c01-82b9-63ffb8214ad3">
<printWhenExpression><![CDATA[$P{INCL_ZONE}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Zone]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="126" y="0" width="144" height="24" uuid="f5bec4a3-9d5f-4fb3-b85f-7d1fe6b50ba1">
<printWhenExpression><![CDATA[$P{INCL_PACKAGES}.equals("Y") && $P{INCL_ZONE}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Description]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="126" y="0" width="176" height="24" uuid="f3babdd8-5c03-480a-90c7-44946b2a7ce2">
<printWhenExpression><![CDATA[$P{INCL_PACKAGES}.equals("N") && $P{INCL_ZONE}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Description]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="270" y="0" width="32" height="24" uuid="489f88e5-8fd9-41a2-afa1-b3f031a838f0">
<printWhenExpression><![CDATA[$P{INCL_PACKAGES}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Packs]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="302" y="0" width="45" height="24" uuid="884c7a60-c6c5-4920-98d6-5c2b178cc80f">
<printWhenExpression><![CDATA[$P{INCL_ACCESS_PANELS}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Access
Panels]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="347" y="0" width="145" height="24" uuid="c36ef99c-4cfc-4f37-a6fc-472af3a3678a">
<printWhenExpression><![CDATA[$P{INCL_ACCESS_PANELS}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Threshold/Interval]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="302" y="0" width="190" height="24" uuid="489fa447-327f-4cee-9340-638c67ec15f7">
<printWhenExpression><![CDATA[$P{INCL_ACCESS_PANELS}.equals("N")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Threshold/Interval]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="492" y="0" width="110" height="24" uuid="f37be1b1-7d61-4f2f-9153-a96eeb598ad7"/>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Reference(s)]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="673" y="0" width="101" height="24" uuid="acb38d7a-3f06-4ca4-ae09-27faaa17c2dc">
<printWhenExpression><![CDATA[($P{INCL_MAN_HOURS}.equals("Y") || $P{INCL_TRADE}.equals("Y") || $P{INCL_MEN}.equals("Y")) && $P{INCL_WORKCARD_NUMBER}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Effectivity]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="200" height="24" uuid="0b0ab680-6410-4774-a78d-8652b861a9ea">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("N") && $P{INCL_MEN}.equals("N") && $P{INCL_TRADE}.equals("N") && $P{INCL_WORKCARD_NUMBER}.equals("N")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Effectivity]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="172" height="24" uuid="4e767292-2e07-4caa-a6eb-d556a847fd73">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("N") && $P{INCL_MEN}.equals("N") && $P{INCL_TRADE}.equals("N") && $P{INCL_WORKCARD_NUMBER}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Effectivity]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="673" y="0" width="129" height="24" uuid="356d2105-e6c4-468f-a983-7eab1fc5a5fc">
<printWhenExpression><![CDATA[($P{INCL_MAN_HOURS}.equals("Y") || $P{INCL_TRADE}.equals("Y") || $P{INCL_MEN}.equals("Y")) && $P{INCL_WORKCARD_NUMBER}.equals("N")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Effectivity]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="774" y="0" width="28" height="24" uuid="885bfb92-b6ab-4617-87d6-661428cc409a">
<printWhenExpression><![CDATA[$P{INCL_WORKCARD_NUMBER}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Card]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="71" height="24" uuid="77f416ad-5def-4543-a0a8-561b39a5f139">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("Y") && $P{INCL_TRADE}.equals("N") && $P{INCL_MEN}.equals("N")]]></printWhenExpression>
</reportElement>
<text><![CDATA[Hours]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="71" height="24" uuid="e967935f-2cdd-47a8-b0f9-cada8dd554cb">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("N") && $P{INCL_TRADE}.equals("N") && $P{INCL_MEN}.equals("Y")]]></printWhenExpression>
</reportElement>
<text><![CDATA[Men]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="71" height="24" uuid="9dd1b2c6-4dba-44d3-85bb-abd82f38ec1a">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("Y") && $P{INCL_TRADE}.equals("N") && $P{INCL_MEN}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Men/Hours]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="71" height="24" uuid="cf7d1e10-57cd-4fad-87ce-5cda585e6f7a">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("N")
&& $P{INCL_TRADE}.equals("Y")
&& $P{INCL_MEN}.equals("N")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Trade]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="71" height="24" uuid="08ec06d6-5f9f-4e28-97d6-9972912a5f5f">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("Y") && $P{INCL_TRADE}.equals("Y") && $P{INCL_MEN}.equals("N")]]></printWhenExpression>
</reportElement>
<text><![CDATA[Trade/Hours]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="71" height="24" uuid="b324f07d-8a66-403e-83c1-d500925594ae">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("N") && $P{INCL_TRADE}.equals("Y") && $P{INCL_MEN}.equals("Y")]]></printWhenExpression>
</reportElement>
<text><![CDATA[Trade/Men]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="602" y="0" width="71" height="24" uuid="4f598842-b6fc-425e-ba89-efd2778737ca">
<printWhenExpression><![CDATA[$P{INCL_MAN_HOURS}.equals("Y") && $P{INCL_TRADE}.equals("Y") && $P{INCL_MEN}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Trade/Men/ Hours]]></text>
</staticText>
<staticText>
<reportElement style="DetailBandTableTitle" mode="Opaque" x="98" y="0" width="172" height="24" uuid="517919f1-b95a-41ee-b330-f89ff7380d9a">
<printWhenExpression><![CDATA[$P{INCL_ZONE}.equals("N") && $P{INCL_PACKAGES}.equals("Y")]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<text><![CDATA[Description]]></text>
</staticText>
</band>
</groupHeader>
</group>
<background>
<band splitType="Stretch"/>
</background>
<title>
<band height="70" splitType="Stretch">
<subreport>
<reportElement x="-21" y="0" width="843" height="26" uuid="fcd1da8b-d90a-44ac-8470-1241600d18df"/>
<subreportParameter name="REPORT_TITLE">
<subreportParameterExpression><![CDATA[$V{REPORT_TITLE}]]></subreportParameterExpression>
</subreportParameter>
<subreportParameter name="REPORT_TIME">
<subreportParameterExpression><![CDATA[$P{REPORT_TIME}]]></subreportParameterExpression>
</subreportParameter>
<subreportParameter name="PAGE_NUMBER">
<subreportParameterExpression><![CDATA[$V{PAGE_NUMBER}]]></subreportParameterExpression>
</subreportParameter>
<subreportParameter name="STYLE_SHEET">
<subreportParameterExpression><![CDATA[$P{STYLE_SHEET}]]></subreportParameterExpression>
</subreportParameter>
<subreportParameter name="OPERATOR_NAME">
<subreportParameterExpression><![CDATA[$P{OPERATOR_NAME}]]></subreportParameterExpression>
</subreportParameter>
<subreportParameter name="OASES_OPTION">
<subreportParameterExpression><![CDATA[$P{OASES_OPTION}]]></subreportParameterExpression>
</subreportParameter>
<connectionExpression><![CDATA[$P{REPORT_CONNECTION}]]></connectionExpression>
<subreportExpression><![CDATA[net.sf.jasperreports.engine.JasperCompileManager.compileReport(
new ByteArrayInputStream( $P{TITLE_STRING}.getBytes()))]]></subreportExpression>
</subreport>
<textField pattern="" isBlankWhenNull="false">
<reportElement style="HeaderBandTableTitle" positionType="Float" isPrintRepeatedValues="false" mode="Opaque" x="99" y="26" width="193" height="14" uuid="d5f7dfde-4c1e-4bf6-805b-809b7aae6566">
<printWhenExpression><![CDATA[($F{AIRCRAFT_REG} == null && $F{SUB_FLEET_DESCRIPTION} == null)]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<textElement textAlignment="Center" verticalAlignment="Middle"/>
<textFieldExpression><![CDATA["Fleet"]]></textFieldExpression>
</textField>
<textField pattern="" isBlankWhenNull="false">
<reportElement style="HeaderBandTableTitle" positionType="Float" isPrintRepeatedValues="false" mode="Opaque" x="292" y="26" width="406" height="14" uuid="7ab0d393-8553-451c-bda0-5321671cd7a8"/>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<textElement textAlignment="Center" verticalAlignment="Middle"/>
<textFieldExpression><![CDATA["Revision"]]></textFieldExpression>
</textField>
<textField pattern="" isBlankWhenNull="false">
<reportElement style="HeaderBandTableText" positionType="Float" isPrintRepeatedValues="false" mode="Opaque" x="99" y="40" width="193" height="14" uuid="2f303c48-3657-42ba-8043-cc992f0d8d08">
<printWhenExpression><![CDATA[($F{AIRCRAFT_REG} == null && $F{SUB_FLEET_DESCRIPTION} == null)]]></printWhenExpression>
</reportElement>
<box>
<pen lineWidth="1.0"/>
<topPen lineWidth="1.0"/>
<leftPen lineWidth="1.0"/>
<bottomPen lineWidth="1.0"/>
<rightPen lineWidth="1.0"/>
</box>
<textElement textAlignment="Center" verticalAlignment="Middle"/>
<textFieldExpression><![CDATA[$F{FLEET_DESCRIPTION}]]></textFieldExpression>
</textField>
</band>
</summary>
</jasperReport>

Related

How to correctly place an image outside the container, and make them adaptive, HTML/CSS?

Maket link: https://www.figma.com/file/hYoPHDHOzzgzEPo4crMmy1/UH15U7CD4WZkbhcW?node-id=2%3A334
Project link: https://plupiks.github.io/Real-Estate-LandingPage/
I have a layout, it has an image of a building. This image is outside of the container. I was able to take the image out of the container, but I can’t adapt it anymore. If I give the image width: 100%; height: auto; , its dimensions no longer correspond to those specified in the layout.
The question is, how to move images outside the container so that they can then be adapted without changing the original image dimensions?
Worked with preprocessor SCSS.
<div class="hero">
<div class="container">
<div class="hero--wrapper">
<div class="hero--blok-left">
<div class="hero--descr">Welcome to Besnik Agency</div>
<h1 class="hero--title">Discover a place you’ll love to live.</h1>
<p class="hero--subtitle">
Get the best real estate deals first, before they hit the mass market! hot foreclosure deals with one simple search
</p>
<button class="button hero--button">More About Us</button>
</div>
<div class="hero--block-right">
<div class="hero--img">
<svg width="584" height="620" viewBox="0 0 584 620" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M241.032 610.998L231.713 201.367L58.0327 201.367L60.5743 610.998H241.032Z" fill="#F1F6FF" />
<path d="M302.879 608.881V337.77L512.566 343.89V608.881H302.879Z" fill="#FEFCED" />
<path d="M58.033 201.367L60.5747 610.998H159.276L154.616 201.367H58.033Z" fill="#7398F7" />
<path d="M182.997 159.855H110.983V201.369H182.997V159.855Z" fill="#1F1D42" />
<path d="M110.983 159.855V201.369H159.698C136.315 196.285 129.057 171.575 128.351 159.855H110.983Z" fill="#1F1717" />
<path
d="M152.498 89.1111L144.026 88.2639C141.908 87.4167 141.484 77.6737 149.533 79.7917C155.971 81.4861 154.192 86.7107 152.498 89.1111Z"
fill="#0E173D"
/>
<path d="M152.498 89.112L144.026 88.2648V100.549L152.498 101.397V89.112Z" fill="#0E173D" />
<path d="M144.025 100.548L152.497 101.396L183.845 123.847H110.56L144.025 100.548Z" fill="#1F1D42" />
<path d="M323.636 403.007H316.859V451.298H313.893V456.381H326.602V449.604H323.636V403.007Z" fill="#1B2A63" />
<path d="M512.566 612.269H302.879V473.325L512.566 476.385V612.269Z" fill="#A3BDFF" />
<path d="M448.177 242.458L221.546 235.257L302.879 337.77L520.614 344.124L448.177 242.458Z" fill="#063183" />
<path d="M302.879 337.77L520.614 344.124L316.011 238.258L221.546 235.257L302.879 337.77Z" fill="#7087FB" />
<path
d="M221.546 235.257L302.879 337.77V605.915L152.921 613.117V476.291V337.77L193.164 284.819H184.268L221.546 235.257Z"
fill="#CFDEF3"
/>
<path d="M250.776 297.527H206.297V350.902H250.776V297.527Z" fill="#0C183F" />
<rect x="211.38" y="303.033" width="15.2499" height="18.6388" fill="#1F326B" />
<rect x="232.56" y="303.033" width="15.2499" height="18.6388" fill="#1F326B" />
<rect x="232.56" y="328.451" width="15.2499" height="18.6388" fill="#1F326B" />
<path d="M110.562 123.846H183.846H188.929V125.964H104.631V123.846H110.562Z" stroke="black" />
<path d="M150.804 378.012H303.727H512.99" stroke="black" stroke-width="4" />
<path d="M151.652 486.457H301.186H511.297" stroke="black" stroke-width="5" />
<path d="M151.652 486.457H301.186" stroke="#5267FA" stroke-width="6" />
<rect x="211.38" y="328.451" width="15.2499" height="18.6388" fill="#1F326B" />
<path d="M113.525 289.901H91.0741V350.901H115.22L113.525 289.901Z" fill="#0E173D" />
<path d="M113.525 395.381H91.0741V456.381H115.22L113.525 395.381Z" fill="#0C193F" />
<path d="M114.797 267.027H91.9224V220.43C97.3446 205.18 106.325 214.076 110.138 220.43L114.797 267.027Z" fill="#1F1D42" />
<path
d="M352.019 247.118H327.873L306.693 240.763V201.368V199.25L327.873 198.677L353.714 197.979L353.597 201.368L352.019 247.118Z"
fill="#1F326B"
/>
<path d="M352.019 247.118H327.874V201.368V198.677L353.714 197.979L353.597 201.368L352.019 247.118Z" fill="#FEFDE8" />
<path d="M306.693 199.25L327.873 198.677L353.714 197.979L353.597 201.368H327.873H306.693V199.25Z" fill="#112F7F" />
<rect x="180.881" y="125.966" width="1.69444" height="33.8888" fill="#0C1942" />
<rect x="241.032" y="166.632" width="1.69444" height="189.777" transform="rotate(90 241.032 166.632)" fill="#0C1942" />
<rect x="241.032" y="199.673" width="1.69444" height="189.777" transform="rotate(90 241.032 199.673)" fill="#0C1942" />
<path d="M58.0009 231.867H155.855H232.501" stroke="#18265D" stroke-width="4" />
<rect x="241.032" y="186.118" width="1.69444" height="189.777" transform="rotate(90 241.032 186.118)" fill="#081334" />
<rect x="110.56" y="125.966" width="1.69444" height="33.8888" fill="#132355" />
<rect x="128.352" y="131.895" width="1.69444" height="27.9582" fill="#132355" />
<rect x="131.741" y="131.895" width="1.69444" height="27.9582" fill="#132355" />
<rect x="136.824" y="131.895" width="1.69444" height="27.9582" fill="#132355" />
<path
d="M221.546 235.257L227.259 244.153M302.879 337.77L296.72 330.145M227.259 244.153L453.308 249.66M227.259 244.153L237.524 256.861M237.524 256.861L462.061 261.944M237.524 256.861L248.816 270.84M248.816 270.84L470.813 274.229M248.816 270.84L257.976 282.18M257.976 282.18L479.566 286.514M257.976 282.18L269.004 295.833M269.004 295.833L488.42 298.939M269.004 295.833L278.243 307.27M278.243 307.27L497.739 312.019M278.243 307.27L290.561 322.52M290.561 322.52H505.221M290.561 322.52L296.72 330.145M296.72 330.145L512.918 333.322"
stroke="#A3BDFF"
stroke-width="4"
/>
<rect x="83.4506" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="51.2557" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="239.338" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<path d="M377.436 511.026H363.88V579.651H377.436V511.026Z" fill="#0C183F" />
<path d="M363.88 579.651H377.436V545.339H363.88V579.651Z" fill="#17275F" />
<path d="M489.691 548.304H467.24V580.499H489.691V548.304Z" fill="#17275F" />
<path d="M148.687 79.7914L146.992 1" stroke="black" stroke-width="3" />
<rect x="210.534" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="151.227" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="77.5193" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="204.602" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="204.602" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="145.298" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="158.853" y="131.895" width="1.69444" height="27.9582" fill="#121B3A" />
<rect x="162.241" y="131.895" width="1.69444" height="27.9582" fill="#121B3A" />
<rect x="152.921" y="131.895" width="1.69444" height="27.9582" fill="#121B3A" />
<path d="M467.24 580.499H489.691V564.402H467.24V580.499Z" fill="#0F1C49" />
<path d="M503.67 556.353H495.198V574.145L503.67 573.721V556.353Z" fill="#FAF2E2" />
<path
d="M200.365 511.449V548.727H204.601V604.643H211.803V546.185H207.143V517.803H248.657V546.185H241.879V604.643H246.115V548.727H254.164V511.449H200.365Z"
fill="#0D0808"
/>
<path d="M241.881 546.186V604.644H211.805V546.186H207.145V517.804H248.659V546.186H241.881Z" fill="#17275F" />
<path d="M584 611.421H0V620H584V611.421Z" fill="#091D39" />
<path
d="M571.873 611.422V576.686M510.026 576.686V611.422M446.485 576.686V611.422M385.909 576.686V611.422M323.214 576.686V611.422M259.249 576.686V611.422M201.638 576.686V611.422M136.826 576.686V611.422M74.132 576.686V611.422M14.4031 576.686V611.422"
stroke="black"
stroke-width="4"
/>
<path
d="M571.873 582C558.6 593.579 527.648 609.789 510.026 582C495.623 590.755 462.751 602.78 446.485 581.769C433.776 590.241 403.869 603.288 385.908 587.699C373.341 593.489 343.209 601.594 323.214 587.699C305.705 591.371 268.399 596.511 259.249 587.699C247.388 591.371 219.26 596.511 201.638 587.699C184.553 591.371 147.67 596.511 136.826 587.699C118.752 593.912 89.8057 602.102 74.1318 587.699C57.0807 591.371 23.3695 597.311 13.5004 588.5"
stroke="black"
stroke-width="3"
/>
<circle cx="571.965" cy="574.965" r="2.96527" fill="#06162A" />
<circle cx="510.026" cy="574.568" r="2.96527" fill="#06162A" />
<circle cx="446.484" cy="575.416" r="2.96527" fill="#06162A" />
<circle cx="385.965" cy="574.965" r="2.96527" fill="#06162A" />
<circle cx="322.965" cy="574.965" r="2.96527" fill="#06162A" />
<circle cx="259.249" cy="575.416" r="2.96527" fill="#06162A" />
<circle cx="201.638" cy="574.568" r="2.96527" fill="#06162A" />
<circle cx="136.965" cy="574.568" r="2.96527" fill="#06162A" />
<circle cx="73.9653" cy="576.262" r="2.96527" fill="#06162A" />
<circle cx="13.9653" cy="577.965" r="2.96527" fill="#06162A" />
<path d="M56.7639 45.479L69.4722 56.4928L82.1805 45.479" stroke="black" stroke-width="4" />
<path d="M8.47162 38.7016L21.1799 49.7154L33.8882 38.7016" stroke="black" stroke-width="4" />
<path d="M63.5413 16.675L76.2496 27.6889L88.9579 16.675" stroke="black" stroke-width="4" />
<path d="M133.014 20.9098L145.722 31.9236L158.431 20.9098" stroke="black" stroke-width="4" />
<path d="M255.86 390.298H210.11L211.805 458.076H255.86V390.298Z" fill="#0F1F4C" />
<path d="M244.847 401.736H221.125V446.638H244.847V401.736Z" fill="#142553" />
</svg>
</div>
</div>
</div>
</div>
</div>
.hero {
position: relative;
background-color: $blueElis;
font-size: 16px;
}
.hero--wrapper {
display: flex;
column-gap: 4.1875em;
padding-top: 7.125em;
}
.hero--blok-left {
flex: 0 0 50.37%;
margin-top: 5.6875em;
}
.hero--descr {
margin-bottom: 0.444em;
#include SWCL(1.125em, 500, $pigeonBlue, 1.6875);
}
.hero--title {
margin-bottom: 0.46875em;
#include SWCL(4em, 700, $darkBlue, 1.1875);
}
.hero--subtitle {
#include SWCL(1.125em, 400, $marengo, 2);
margin-bottom: 2.222em;
}
.hero--button {
}
.hero--block-right {
display: flex;
align-items: flex-end;
}
.hero--img {
width: 36.5em;
height: auto;
& svg {
max-width: 100%;
height: auto;
}
}
// Adaptive
#media only screen and (max-width: 1024px) {
.header {
font-size: 14px;
}
}
.hero--img {
width: 100%;
height: auto;
max-width: 36.5em;
}
.hero {
position: relative;
background-color: $blueElis;
font-size: 16px;
}
.hero--wrapper {
display: flex;
column-gap: 4.1875em;
padding-top: 7.125em;
}
.hero--blok-left {
flex: 0 0 50.37%;
margin-top: 5.6875em;
}
.hero--descr {
margin-bottom: 0.444em;
#include SWCL(1.125em, 500, $pigeonBlue, 1.6875);
}
.hero--title {
margin-bottom: 0.46875em;
#include SWCL(4em, 700, $darkBlue, 1.1875);
}
.hero--subtitle {
#include SWCL(1.125em, 400, $marengo, 2);
margin-bottom: 2.222em;
}
.hero--button {}
.hero--block-right {
display: flex;
align-items: flex-end;
}
svg {
width: 100%;
height: 100%;
max-width:584px;
max-height:620px;
}
// Adaptive
#media only screen and (max-width: 1024px) {
.header {
font-size: 14px;
}
}
<div class="hero">
<div class="container">
<div class="hero--wrapper">
<div class="hero--blok-left">
<div class="hero--descr">Welcome to Besnik Agency</div>
<h1 class="hero--title">Discover a place you’ll love to live.</h1>
<p class="hero--subtitle">
Get the best real estate deals first, before they hit the mass market! hot foreclosure deals with one simple search
</p>
<button class="button hero--button">More About Us</button>
</div>
<div class="hero--block-right">
<div class="heroimg">
<svg width="584" height="620" viewBox="0 0 584 620" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M241.032 610.998L231.713 201.367L58.0327 201.367L60.5743 610.998H241.032Z" fill="#F1F6FF" />
<path d="M302.879 608.881V337.77L512.566 343.89V608.881H302.879Z" fill="#FEFCED" />
<path d="M58.033 201.367L60.5747 610.998H159.276L154.616 201.367H58.033Z" fill="#7398F7" />
<path d="M182.997 159.855H110.983V201.369H182.997V159.855Z" fill="#1F1D42" />
<path d="M110.983 159.855V201.369H159.698C136.315 196.285 129.057 171.575 128.351 159.855H110.983Z" fill="#1F1717" />
<path
d="M152.498 89.1111L144.026 88.2639C141.908 87.4167 141.484 77.6737 149.533 79.7917C155.971 81.4861 154.192 86.7107 152.498 89.1111Z"
fill="#0E173D"
/>
<path d="M152.498 89.112L144.026 88.2648V100.549L152.498 101.397V89.112Z" fill="#0E173D" />
<path d="M144.025 100.548L152.497 101.396L183.845 123.847H110.56L144.025 100.548Z" fill="#1F1D42" />
<path d="M323.636 403.007H316.859V451.298H313.893V456.381H326.602V449.604H323.636V403.007Z" fill="#1B2A63" />
<path d="M512.566 612.269H302.879V473.325L512.566 476.385V612.269Z" fill="#A3BDFF" />
<path d="M448.177 242.458L221.546 235.257L302.879 337.77L520.614 344.124L448.177 242.458Z" fill="#063183" />
<path d="M302.879 337.77L520.614 344.124L316.011 238.258L221.546 235.257L302.879 337.77Z" fill="#7087FB" />
<path
d="M221.546 235.257L302.879 337.77V605.915L152.921 613.117V476.291V337.77L193.164 284.819H184.268L221.546 235.257Z"
fill="#CFDEF3"
/>
<path d="M250.776 297.527H206.297V350.902H250.776V297.527Z" fill="#0C183F" />
<rect x="211.38" y="303.033" width="15.2499" height="18.6388" fill="#1F326B" />
<rect x="232.56" y="303.033" width="15.2499" height="18.6388" fill="#1F326B" />
<rect x="232.56" y="328.451" width="15.2499" height="18.6388" fill="#1F326B" />
<path d="M110.562 123.846H183.846H188.929V125.964H104.631V123.846H110.562Z" stroke="black" />
<path d="M150.804 378.012H303.727H512.99" stroke="black" stroke-width="4" />
<path d="M151.652 486.457H301.186H511.297" stroke="black" stroke-width="5" />
<path d="M151.652 486.457H301.186" stroke="#5267FA" stroke-width="6" />
<rect x="211.38" y="328.451" width="15.2499" height="18.6388" fill="#1F326B" />
<path d="M113.525 289.901H91.0741V350.901H115.22L113.525 289.901Z" fill="#0E173D" />
<path d="M113.525 395.381H91.0741V456.381H115.22L113.525 395.381Z" fill="#0C193F" />
<path d="M114.797 267.027H91.9224V220.43C97.3446 205.18 106.325 214.076 110.138 220.43L114.797 267.027Z" fill="#1F1D42" />
<path
d="M352.019 247.118H327.873L306.693 240.763V201.368V199.25L327.873 198.677L353.714 197.979L353.597 201.368L352.019 247.118Z"
fill="#1F326B"
/>
<path d="M352.019 247.118H327.874V201.368V198.677L353.714 197.979L353.597 201.368L352.019 247.118Z" fill="#FEFDE8" />
<path d="M306.693 199.25L327.873 198.677L353.714 197.979L353.597 201.368H327.873H306.693V199.25Z" fill="#112F7F" />
<rect x="180.881" y="125.966" width="1.69444" height="33.8888" fill="#0C1942" />
<rect x="241.032" y="166.632" width="1.69444" height="189.777" transform="rotate(90 241.032 166.632)" fill="#0C1942" />
<rect x="241.032" y="199.673" width="1.69444" height="189.777" transform="rotate(90 241.032 199.673)" fill="#0C1942" />
<path d="M58.0009 231.867H155.855H232.501" stroke="#18265D" stroke-width="4" />
<rect x="241.032" y="186.118" width="1.69444" height="189.777" transform="rotate(90 241.032 186.118)" fill="#081334" />
<rect x="110.56" y="125.966" width="1.69444" height="33.8888" fill="#132355" />
<rect x="128.352" y="131.895" width="1.69444" height="27.9582" fill="#132355" />
<rect x="131.741" y="131.895" width="1.69444" height="27.9582" fill="#132355" />
<rect x="136.824" y="131.895" width="1.69444" height="27.9582" fill="#132355" />
<path
d="M221.546 235.257L227.259 244.153M302.879 337.77L296.72 330.145M227.259 244.153L453.308 249.66M227.259 244.153L237.524 256.861M237.524 256.861L462.061 261.944M237.524 256.861L248.816 270.84M248.816 270.84L470.813 274.229M248.816 270.84L257.976 282.18M257.976 282.18L479.566 286.514M257.976 282.18L269.004 295.833M269.004 295.833L488.42 298.939M269.004 295.833L278.243 307.27M278.243 307.27L497.739 312.019M278.243 307.27L290.561 322.52M290.561 322.52H505.221M290.561 322.52L296.72 330.145M296.72 330.145L512.918 333.322"
stroke="#A3BDFF"
stroke-width="4"
/>
<rect x="83.4506" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="51.2557" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="239.338" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<path d="M377.436 511.026H363.88V579.651H377.436V511.026Z" fill="#0C183F" />
<path d="M363.88 579.651H377.436V545.339H363.88V579.651Z" fill="#17275F" />
<path d="M489.691 548.304H467.24V580.499H489.691V548.304Z" fill="#17275F" />
<path d="M148.687 79.7914L146.992 1" stroke="black" stroke-width="3" />
<rect x="210.534" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="151.227" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="77.5193" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="204.602" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="204.602" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="145.298" y="168.327" width="1.69444" height="31.3471" fill="#121B3A" />
<rect x="158.853" y="131.895" width="1.69444" height="27.9582" fill="#121B3A" />
<rect x="162.241" y="131.895" width="1.69444" height="27.9582" fill="#121B3A" />
<rect x="152.921" y="131.895" width="1.69444" height="27.9582" fill="#121B3A" />
<path d="M467.24 580.499H489.691V564.402H467.24V580.499Z" fill="#0F1C49" />
<path d="M503.67 556.353H495.198V574.145L503.67 573.721V556.353Z" fill="#FAF2E2" />
<path
d="M200.365 511.449V548.727H204.601V604.643H211.803V546.185H207.143V517.803H248.657V546.185H241.879V604.643H246.115V548.727H254.164V511.449H200.365Z"
fill="#0D0808"
/>
<path d="M241.881 546.186V604.644H211.805V546.186H207.145V517.804H248.659V546.186H241.881Z" fill="#17275F" />
<path d="M584 611.421H0V620H584V611.421Z" fill="#091D39" />
<path
d="M571.873 611.422V576.686M510.026 576.686V611.422M446.485 576.686V611.422M385.909 576.686V611.422M323.214 576.686V611.422M259.249 576.686V611.422M201.638 576.686V611.422M136.826 576.686V611.422M74.132 576.686V611.422M14.4031 576.686V611.422"
stroke="black"
stroke-width="4"
/>
<path
d="M571.873 582C558.6 593.579 527.648 609.789 510.026 582C495.623 590.755 462.751 602.78 446.485 581.769C433.776 590.241 403.869 603.288 385.908 587.699C373.341 593.489 343.209 601.594 323.214 587.699C305.705 591.371 268.399 596.511 259.249 587.699C247.388 591.371 219.26 596.511 201.638 587.699C184.553 591.371 147.67 596.511 136.826 587.699C118.752 593.912 89.8057 602.102 74.1318 587.699C57.0807 591.371 23.3695 597.311 13.5004 588.5"
stroke="black"
stroke-width="3"
/>
<circle cx="571.965" cy="574.965" r="2.96527" fill="#06162A" />
<circle cx="510.026" cy="574.568" r="2.96527" fill="#06162A" />
<circle cx="446.484" cy="575.416" r="2.96527" fill="#06162A" />
<circle cx="385.965" cy="574.965" r="2.96527" fill="#06162A" />
<circle cx="322.965" cy="574.965" r="2.96527" fill="#06162A" />
<circle cx="259.249" cy="575.416" r="2.96527" fill="#06162A" />
<circle cx="201.638" cy="574.568" r="2.96527" fill="#06162A" />
<circle cx="136.965" cy="574.568" r="2.96527" fill="#06162A" />
<circle cx="73.9653" cy="576.262" r="2.96527" fill="#06162A" />
<circle cx="13.9653" cy="577.965" r="2.96527" fill="#06162A" />
<path d="M56.7639 45.479L69.4722 56.4928L82.1805 45.479" stroke="black" stroke-width="4" />
<path d="M8.47162 38.7016L21.1799 49.7154L33.8882 38.7016" stroke="black" stroke-width="4" />
<path d="M63.5413 16.675L76.2496 27.6889L88.9579 16.675" stroke="black" stroke-width="4" />
<path d="M133.014 20.9098L145.722 31.9236L158.431 20.9098" stroke="black" stroke-width="4" />
<path d="M255.86 390.298H210.11L211.805 458.076H255.86V390.298Z" fill="#0F1F4C" />
<path d="M244.847 401.736H221.125V446.638H244.847V401.736Z" fill="#142553" />
</svg>
</div>
</div>
</div>
</div>
</div>
Like the above?(run snippet)
Idea:
Use percentage (100%) as width,height of svg
As an easy workaround you could set your background-size using a relative unit like %, vw, vmin or vmax like so:
/* small devices */
.hero{
background-size: 50%;
}
/* large devices */
#media (min-width:1024px){
.hero{
background-size: 36.5em 38.75em;
}
}
You original background size will be applied for viewports larger than 1024px.
You will of course need to tweak the values to get your desired results.

How to place a svg over other svg using z-index

I have some svgs to show teeth, and I´d like to draw a bridge between two them.
I have tried the next in the fiddle link, but the bridge is clipped.
I have many teeth into design and the bridge can be painted in other places between two teeth.
Each tooth can have other painted areas and I need to use z-index to float the bridge between two teeth preserving the originals.
.desabilitado {
fill: black;
stroke: black;
stroke-width: 1px;
opacity: 0.3;
}
.marcadoAzul {
fill: none;
stroke: blue;
stroke-width: 7px;
}
.marcadoVerde {
fill: green;
stroke: black;
stroke-width: 1px;
}
.marcadoMorado {
fill: #CC66CC;
stroke: black;
stroke-width: 1px;
}
.marcadoMarron {
fill: #CC6600;
stroke: black;
stroke-width: 1px;
}
.marcadoAmarillo {
fill: yellow;
stroke: black;
stroke-width: 1px;
}
.marcadoRojo {
fill: red;
stroke: black;
stroke-width: 1px;
}
.marcadoNaranja {
fill: orange;
stroke: black;
stroke-width: 1px;
}
.marcadoTomate {
fill: tomato;
stroke: black;
stroke-width: 1px;
}
.diente {
fill-opacity: 0;
stroke: black;
stroke-width: 1px;
}
.ausente {
fill: none;
opacity: 0;
}
.corona {
fill: none;
opacity: 0;
}
.endodoncia {
fill: none;
opacity: 0;
}
.implante {
fill: none;
opacity: 0;
}
<div>
<svg height="50" width="50" viewBox="0 0 50 50">
<polygon points="10,15 15,10 50,45 45,50" estado="4" value="6" class="ausente" />
<polygon points="45,10 50,15 15,50 10,45" estado="4" value="7" class="ausente" />
<circle cx="30" cy="30" r="16" estado="8" value="8" class="corona" />
<circle cx="30" cy="30" r="20" estado="3" value="9" class="endodoncia" />
<polygon points="50,10 40,10 10,26 10,32 46,32 10,50 20,50 50,36 50,28 14,28" estado="6" value="10" class="implante" />
<g style="z-index:-1">
<defs>
<marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="3" orient="auto" markerUnits="strokeWidth">
<path d="M0,0 L0,6 L9,3 z" fill="#f00" />
</marker>
</defs>
<marker id="circle" markerWidth="4" markerHeight="4" refX="2" refY="2">
<circle cx="2" cy="2" r="1" stroke="none" fill="#f00" />
</marker>
<polyline points="45,30 75,30" fill="none" stroke="#000" stroke-width="2" marker-end="url(#circle)" marker-start="url(#circle)" marker-mid="url(#circle)" />
<polyline points="45,25 75,25" fill="none" stroke="#000" stroke-width="2" marker-end="url(#circle)" marker-start="url(#circle)" marker-mid="url(#circle)" />
</g>
<polygon points="10,10 50,10 40,20 20,20" estado="0" value="1" class="diente" />
<polygon points="50,10 50,50 40,40 40,20" estado="0" value="2" class="diente" />
<polygon points="50,50 10,50 20,40 40,40" estado="0" value="3" class="diente" />
<polygon points="10,50 20,40 20,20 10,10" estado="0" value="4" class="diente" />
<polygon points="20,20 40,20 40,40 20,40" estado="0" value="5" class="diente" />
</svg>
<svg height="50" width="50" viewBox="0 0 50 50">
<polygon points="10,15 15,10 50,45 45,50" estado="4" value="6" class="ausente" />
<polygon points="45,10 50,15 15,50 10,45" estado="4" value="7" class="ausente" />
<circle cx="30" cy="30" r="16" estado="8" value="8" class="corona" />
<circle cx="30" cy="30" r="20" estado="3" value="9" class="endodoncia" />
<polygon points="50,10 40,10 10,26 10,32 46,32 10,50 20,50 50,36 50,28 14,28" estado="6" value="10" class="implante" />
<polygon points="10,10 50,10 40,20 20,20" estado="0" value="1" class="diente" />
<polygon points="50,10 50,50 40,40 40,20" estado="0" value="2" class="diente" />
<polygon points="50,50 10,50 20,40 40,40" estado="0" value="3" class="diente" />
<polygon points="10,50 20,40 20,20 10,10" estado="0" value="4" class="diente" />
<polygon points="20,20 40,20 40,40 20,40" estado="0" value="5" class="diente" />
</svg>
<svg height="50" width="50" viewBox="0 0 50 50">
<polygon points="10,15 15,10 50,45 45,50" estado="4" value="6" class="ausente" />
<polygon points="45,10 50,15 15,50 10,45" estado="4" value="7" class="ausente" />
<circle cx="30" cy="30" r="16" estado="8" value="8" class="corona" />
<circle cx="30" cy="30" r="20" estado="3" value="9" class="endodoncia" />
<polygon points="50,10 40,10 10,26 10,32 46,32 10,50 20,50 50,36 50,28 14,28" estado="6" value="10" class="implante" />
<polygon points="10,10 50,10 40,20 20,20" estado="0" value="1" class="diente" />
<polygon points="50,10 50,50 40,40 40,20" estado="0" value="2" class="diente" />
<polygon points="50,50 10,50 20,40 40,40" estado="0" value="3" class="diente" />
<polygon points="10,50 20,40 20,20 10,10" estado="0" value="4" class="diente" />
<polygon points="20,20 40,20 40,40 20,40" estado="0" value="5" class="diente" />
</svg>
<svg height="50" width="50" viewBox="0 0 50 50">
<polygon points="10,15 15,10 50,45 45,50" estado="4" value="6" class="ausente" />
<polygon points="45,10 50,15 15,50 10,45" estado="4" value="7" class="ausente" />
<circle cx="30" cy="30" r="16" estado="8" value="8" class="corona" />
<circle cx="30" cy="30" r="20" estado="3" value="9" class="endodoncia" />
<polygon points="50,10 40,10 10,26 10,32 46,32 10,50 20,50 50,36 50,28 14,28" estado="6" value="10" class="implante" />
<polygon points="10,10 50,10 40,20 20,20" estado="0" value="1" class="diente" />
<polygon points="50,10 50,50 40,40 40,20" estado="0" value="2" class="diente" />
<polygon points="50,50 10,50 20,40 40,40" estado="0" value="3" class="diente" />
<polygon points="10,50 20,40 20,20 10,10" estado="0" value="4" class="diente" />
<polygon points="20,20 40,20 40,40 20,40" estado="0" value="5" class="diente" />
</svg>
<svg height="50" width="50" viewBox="0 0 50 50">
<polygon points="10,15 15,10 50,45 45,50" estado="4" value="6" class="ausente" />
<polygon points="45,10 50,15 15,50 10,45" estado="4" value="7" class="ausente" />
<circle cx="30" cy="30" r="16" estado="8" value="8" class="corona" />
<circle cx="30" cy="30" r="20" estado="3" value="9" class="endodoncia" />
<polygon points="50,10 40,10 10,26 10,32 46,32 10,50 20,50 50,36 50,28 14,28" estado="6" value="10" class="implante" />
<polygon points="10,10 50,10 40,20 20,20" estado="0" value="1" class="diente" />
<polygon points="50,10 50,50 40,40 40,20" estado="0" value="2" class="diente" />
<polygon points="50,50 10,50 20,40 40,40" estado="0" value="3" class="diente" />
<polygon points="10,50 20,40 20,20 10,10" estado="0" value="4" class="diente" />
<polygon points="20,20 40,20 40,40 20,40" estado="0" value="5" class="diente" />
</svg>
</div>
JSFiddle:
http://jsfiddle.net/3wd1fg0v/1/
The reason the braces are clipping is because you placed an svg 50x50. No path will be able to go beyound that.
You have two choices :
Make one svg that contains everthing. I would recommend using
something like inkspace or illustrator to make it work.
Add seperate svg for each brace
Hopefully this helps, let me know if you have any questions

Subreport wont Display in the Mainreport (Jasperreports)

iam very new to Jasperreports and actually i try to display a Subreport through my Mainreport. When i run them alone, both of them working correctly, but when i try to drag and drop a Supreport from the pallet and follow the wizard the Subreport wont display when i run the Mainreport. I try to figure out the problem since one week but nothing works for me.
this is the Mainreport XML:
<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Jaspersoft Studio version 6.3.0.final using JasperReports Library version 6.3.0 -->
<!-- 2017-05-15T13:46:24 -->
<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="Report_1" pageWidth="595" pageHeight="842" columnWidth="535" leftMargin="20" rightMargin="20" topMargin="20" bottomMargin="20" uuid="2f6e4db4-9f8f-4ffe-9759-6e1fd142f492">
<property name="template.type" value="columnar"/>
<property name="com.jaspersoft.studio.data.defaultdataadapter" value="src/dataset1.xml"/>
<property name="net.sf.jasperreports.print.create.bookmarks" value="false"/>
<style name="Title" forecolor="#000000" fontName="Times New Roman" fontSize="50" isBold="false"/>
<style name="SubTitle" forecolor="#666666" fontName="Times New Roman" fontSize="18" isBold="false"/>
<style name="Column header" forecolor="#666666" fontName="Times New Roman" fontSize="14" isBold="true"/>
<style name="Detail" mode="Transparent" fontName="Times New Roman"/>
<style name="Row" mode="Transparent" fontName="Times New Roman" pdfFontName="Times-Roman">
<conditionalStyle>
<conditionExpression><![CDATA[$V{REPORT_COUNT}%2 == 0]]></conditionExpression>
<style mode="Opaque" backcolor="#F0EFEF"/>
</conditionalStyle>
</style>
<subDataset name="Dataset1" uuid="bcf9a7c3-f040-47c7-b8b0-ffdf33b6fd91">
<property name="com.jaspersoft.studio.data.defaultdataadapter" value="src/dataset1.xml"/>
<queryString>
<![CDATA[]]>
</queryString>
</subDataset>
<queryString>
<![CDATA[]]>
</queryString>
<field name="reportName" class="java.lang.String">
<fieldDescription><![CDATA[reportName]]></fieldDescription>
</field>
<field name="workdirectory" class="java.lang.String">
<fieldDescription><![CDATA[workdirectory]]></fieldDescription>
</field>
<field name="konectorStatus" class="java.lang.String">
<fieldDescription><![CDATA[konectorStatus]]></fieldDescription>
</field>
<field name="connectionStatus" class="java.lang.String">
<fieldDescription><![CDATA[connectionStatus]]></fieldDescription>
</field>
<field name="stuckedCard" class="java.lang.String">
<fieldDescription><![CDATA[stuckedCard]]></fieldDescription>
</field>
<field name="description" class="java.lang.String">
<fieldDescription><![CDATA[description]]></fieldDescription>
</field>
<field name="testSteps" class="java.util.List">
<fieldDescription><![CDATA[testSteps]]></fieldDescription>
</field>
<field name="shortDescription" class="java.lang.String">
<fieldDescription><![CDATA[shortDescription]]></fieldDescription>
</field>
<field name="testResult" class="java.lang.String">
<fieldDescription><![CDATA[testResult]]></fieldDescription>
</field>
<field name="class" class="java.lang.Class">
<fieldDescription><![CDATA[class]]></fieldDescription>
</field>
<field name="authentication" class="java.lang.String">
<fieldDescription><![CDATA[authentication]]></fieldDescription>
</field>
<pageHeader>
<band height="81" splitType="Stretch">
<line>
<reportElement positionType="FixRelativeToBottom" x="0" y="70" width="551" height="1" uuid="dee835ad-ce13-4185-a455-2fc7cd2599d3"/>
</line>
<staticText>
<reportElement style="Title" x="0" y="0" width="400" height="30" uuid="ca49ecc2-99c4-466b-93f0-1e91dc52bb72"/>
<textElement>
<font size="16" isBold="false"/>
</textElement>
<text><![CDATA[Konnektorsimmulator Testfall Protokoll: ]]></text>
</staticText>
<image>
<reportElement x="400" y="-5" width="153" height="65" uuid="4846b814-11f5-4b15-8c3b-edf1de2288a1"/>
<imageExpression><![CDATA["/home/r4ff1/Dropbox/Arbeit/image.2UJ5YY.png"]]></imageExpression>
</image>
<textField>
<reportElement x="0" y="30" width="553" height="30" uuid="b457f83a-3553-49a9-9cec-fc01637f5192"/>
<textElement>
<font size="14" isBold="true"/>
</textElement>
<textFieldExpression><![CDATA[$F{reportName}]]></textFieldExpression>
</textField>
</band>
</pageHeader>
<columnHeader>
<band splitType="Stretch"/>
</columnHeader>
<detail>
<band height="468" splitType="Stretch">
<textField>
<reportElement x="100" y="7" width="453" height="30" uuid="8f7f0d01-07c8-41ae-af38-c6176d26bde1"/>
<textElement>
<font size="12" isBold="true"/>
</textElement>
<textFieldExpression><![CDATA[$F{reportName}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="0" y="7" width="100" height="30" uuid="8336a307-e230-47e7-b1e7-a7c087dd67b5"/>
<text><![CDATA[Name]]></text>
</staticText>
<textField>
<reportElement x="100" y="37" width="453" height="33" uuid="bebc9514-dc72-4da9-84fd-bdb22e82bec0"/>
<textFieldExpression><![CDATA[$F{shortDescription}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="2" y="37" width="100" height="30" uuid="7fec7ae1-18d5-4ae5-87d0-bbc3ac0f5828"/>
<text><![CDATA[Kurzbeschreibung:]]></text>
</staticText>
<textField>
<reportElement x="102" y="70" width="449" height="40" uuid="822b3688-6187-4bb9-95fd-14fb63be4dbe"/>
<textFieldExpression><![CDATA[$F{description}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="2" y="70" width="100" height="30" uuid="4bf8f337-b139-424c-a90e-3340688edace"/>
<text><![CDATA[Beschreibung:]]></text>
</staticText>
<staticText>
<reportElement x="0" y="121" width="100" height="30" uuid="21780a8f-dd43-47b3-aa45-d1a54f0641ce"/>
<text><![CDATA[Eingangsdaten: ]]></text>
</staticText>
<textField>
<reportElement x="200" y="120" width="353" height="31" uuid="658e2f24-3dd0-4f3b-8eda-a252ba28b01f"/>
<textFieldExpression><![CDATA[$F{konectorStatus}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="100" y="120" width="100" height="30" uuid="f6406ac6-26cf-40da-8252-41453c65d981"/>
<text><![CDATA[Konnektor Status: ]]></text>
</staticText>
<textField>
<reportElement x="200" y="150" width="351" height="30" uuid="f70adee8-c72a-40d6-a098-4d0238e05bb2"/>
<textFieldExpression><![CDATA[$F{connectionStatus}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="100" y="150" width="100" height="30" uuid="11dd9b77-4c93-4511-b921-ccce6e909d9e"/>
<text><![CDATA[Verbindungsstatus: ]]></text>
</staticText>
<textField>
<reportElement x="200" y="180" width="351" height="30" uuid="a7797ecd-5f75-4cb2-bb28-0b3f64013e14"/>
<textFieldExpression><![CDATA[$F{authentication}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="100" y="180" width="100" height="30" uuid="eebc28e8-2029-4022-9cb0-8e77f858528c"/>
<text><![CDATA[Authentifizierung: ]]></text>
</staticText>
<textField>
<reportElement x="200" y="210" width="351" height="30" uuid="b0918e89-10fb-4874-9d23-002921d43ae0"/>
<textFieldExpression><![CDATA[$F{workdirectory}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="100" y="210" width="100" height="30" uuid="d2ad59b8-5a55-499d-96d7-31b8cc8d2c63"/>
<text><![CDATA[Dienstverzeichnis]]></text>
</staticText>
<textField>
<reportElement x="390" y="240" width="161" height="30" uuid="28604659-6643-4db1-ba85-f59d4a456fd0"/>
<textFieldExpression><![CDATA[$F{stuckedCard}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="102" y="240" width="288" height="30" uuid="158c9fe5-035b-41ea-80ac-7024f427861f"/>
<textElement>
<font isBold="true"/>
</textElement>
<text><![CDATA[Gesteckte Karten(Mandat > Terminal < Karte): ]]></text>
</staticText>
<line>
<reportElement positionType="FixRelativeToBottom" x="2" y="280" width="551" height="1" uuid="49e79677-a0a1-4116-bc6c-b975aff6e535"/>
</line>
<staticText>
<reportElement x="0" y="290" width="278" height="20" uuid="06dc0bc1-cd12-443b-a022-787e42319171"/>
<textElement>
<font size="14" isBold="true"/>
</textElement>
<text><![CDATA[Schritt1: Karte Stecken
]]></text>
</staticText>
<staticText>
<reportElement x="0" y="310" width="551" height="40" uuid="d7663160-f2c1-4340-ae38-d5a10405a343"/>
<text><![CDATA[Das Primärsystem führt beim ersten Stecken der Karte im Quartal automatisch eine online-Prüfung und Aktualisierung der eGK durch.]]></text>
</staticText>
<staticText>
<reportElement x="0" y="350" width="288" height="30" uuid="9c4d4fe2-f29f-49c2-ae5a-9ee11aa32f06"/>
<textElement>
<font isBold="true"/>
</textElement>
<text><![CDATA[Gesteckte Karten(Mandat > Terminal < Karte): ]]></text>
</staticText>
<textField>
<reportElement x="290" y="350" width="263" height="30" uuid="374ced41-210a-46c8-90ad-4462f3dd0f40"/>
<textFieldExpression><![CDATA[$F{stuckedCard}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="0" y="380" width="330" height="20" uuid="d3e9af6d-ac4e-4e28-b31d-79a4372017ec"/>
<textElement>
<font isBold="true"/>
</textElement>
<text><![CDATA[Prüfungsergebnis zu Schritt: ]]></text>
</staticText>
<textField>
<reportElement x="80" y="401" width="435" height="67" uuid="6c1ff3e6-e67d-40b4-b92f-235b2b5ecb4d"/>
<textFieldExpression><![CDATA[$F{testResult}]]></textFieldExpression>
</textField>
<staticText>
<reportElement x="0" y="400" width="100" height="30" uuid="a6c8dbc1-30b9-4b70-be48-993e27dc59c8"/>
<text><![CDATA[Testergebnise: ]]></text>
</staticText>
<staticText>
<reportElement x="0" y="430" width="100" height="30" uuid="0cc928fa-e11a-4842-9fdf-1bdbd245ae9a"/>
<text><![CDATA[testSteps]]></text>
</staticText>
<textField>
<reportElement x="80" y="430" width="467" height="30" uuid="02395e47-6859-4b19-b1a7-75bb4e8fcc7b"/>
<textFieldExpression><![CDATA[$F{testSteps}]]></textFieldExpression>
</textField>
<line>
<reportElement positionType="FixRelativeToBottom" x="1" y="467" width="551" height="1" uuid="5cfaaf0b-22ea-4406-aef0-7f1a8551bcde"/>
</line>
<line>
<reportElement positionType="FixRelativeToBottom" x="10" y="467" width="551" height="1" uuid="a4306707-5834-428b-a540-f46b52f43c28"/>
</line>
</band>
<band height="468">
<subreport overflowType="NoStretch">
<reportElement key="" x="30" y="40" width="450" height="222" uuid="123d247f-df6b-418e-802e-4d09eacccbea"/>
<subreportParameter name="Name ">
<subreportParameterExpression><![CDATA[$F{reportName}]]></subreportParameterExpression>
</subreportParameter>
<connectionExpression><![CDATA[$P{REPORT_CONNECTION}]]></connectionExpression>
<subreportExpression><![CDATA["Subreport1.jasper"]]></subreportExpression>
</subreport>
</band>
</detail>
<columnFooter>
<band height="253" splitType="Stretch">
<frame>
<reportElement mode="Opaque" x="-20" y="240" width="555" height="13" forecolor="#D0B48E" backcolor="#9DB1B8" uuid="bfdca178-800d-445c-9a31-bb616a00e8ce"/>
<textField evaluationTime="Report">
<reportElement style="Column header" x="513" y="0" width="40" height="13" forecolor="#FFFFFF" uuid="2fba0f87-635e-476d-858f-d102b26146fe"/>
<textElement verticalAlignment="Middle">
<font size="10" isBold="false"/>
</textElement>
<textFieldExpression><![CDATA[" " + $V{PAGE_NUMBER}]]></textFieldExpression>
</textField>
<textField>
<reportElement style="Column header" mode="Transparent" x="433" y="0" width="80" height="13" forecolor="#FFFFFF" uuid="e454d23d-bcfc-4c79-a399-0ef520a3150a"/>
<textElement textAlignment="Right" verticalAlignment="Middle">
<font size="10" isBold="false"/>
</textElement>
<textFieldExpression><![CDATA["Page "+$V{PAGE_NUMBER}+" of"]]></textFieldExpression>
</textField>
<textField pattern="EEEEE dd MMMMM yyyy">
<reportElement style="Column header" x="2" y="0" width="197" height="13" forecolor="#FFFFFF" uuid="14d8de1e-8695-4078-a67f-0e69172574d5"/>
<textElement verticalAlignment="Middle">
<font size="10" isBold="false"/>
</textElement>
<textFieldExpression><![CDATA[new java.util.Date()]]></textFieldExpression>
</textField>
</frame>
</band>
</columnFooter>
<summary>
<band height="802" splitType="Stretch">
<subreport overflowType="NoStretch">
<reportElement key="" style="Row" stretchType="ElementGroupBottom" x="30" y="40" width="450" height="222" uuid="90cb3729-2abe-4b9a-b5c7-541063f99b74"/>
<subreportParameter name="Name ">
<subreportParameterExpression><![CDATA[$F{reportName}]]></subreportParameterExpression>
</subreportParameter>
<connectionExpression><![CDATA[$P{REPORT_CONNECTION}]]></connectionExpression>
<subreportExpression><![CDATA["Subreport1.jasper"]]></subreportExpression>
</subreport>
</band>
</summary>
</jasperReport>
And This is the Supreport XML:
<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Jaspersoft Studio version 6.3.0.final using JasperReports Library version 6.3.0 -->
<!-- 2017-05-15T13:48:15 -->
<jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="Subreport1" pageWidth="595" pageHeight="842" whenNoDataType="AllSectionsNoDetail" columnWidth="535" leftMargin="20" rightMargin="20" topMargin="20" bottomMargin="20" whenResourceMissingType="Error" uuid="13acf49e-4913-4d1b-bccc-113817ad15d1">
<property name="com.jaspersoft.studio.data.defaultdataadapter" value="src/dataset1.xml"/>
<style name="Title" forecolor="#FFFFFF" fontName="Times New Roman" fontSize="50" isBold="false"/>
<style name="SubTitle" forecolor="#CCCCCC" fontName="Times New Roman" fontSize="18" isBold="false"/>
<style name="Column header" forecolor="#666666" fontName="Times New Roman" fontSize="14" isBold="true"/>
<style name="Detail" mode="Transparent" fontName="Times New Roman"/>
<style name="Row" mode="Transparent" fontName="Times New Roman" pdfFontName="Times-Roman">
<conditionalStyle>
<conditionExpression><![CDATA[$V{REPORT_COUNT}%2 == 0]]></conditionExpression>
<style mode="Opaque" backcolor="#F0EFEF"/>
</conditionalStyle>
</style>
<parameter name="Name" class="java.lang.String"/>
<queryString>
<![CDATA[]]>
</queryString>
<field name="reportName" class="java.lang.String">
<fieldDescription><![CDATA[reportName]]></fieldDescription>
</field>
<field name="workdirectory" class="java.lang.String">
<fieldDescription><![CDATA[workdirectory]]></fieldDescription>
</field>
<field name="konectorStatus" class="java.lang.String">
<fieldDescription><![CDATA[konectorStatus]]></fieldDescription>
</field>
<field name="connectionStatus" class="java.lang.String">
<fieldDescription><![CDATA[connectionStatus]]></fieldDescription>
</field>
<field name="stuckedCard" class="java.lang.String">
<fieldDescription><![CDATA[stuckedCard]]></fieldDescription>
</field>
<field name="description" class="java.lang.String">
<fieldDescription><![CDATA[description]]></fieldDescription>
</field>
<field name="testSteps" class="java.util.List">
<fieldDescription><![CDATA[testSteps]]></fieldDescription>
</field>
<field name="shortDescription" class="java.lang.String">
<fieldDescription><![CDATA[shortDescription]]></fieldDescription>
</field>
<field name="testResult" class="java.lang.String">
<fieldDescription><![CDATA[testResult]]></fieldDescription>
</field>
<field name="class" class="java.lang.Class">
<fieldDescription><![CDATA[class]]></fieldDescription>
</field>
<field name="authentication" class="java.lang.String">
<fieldDescription><![CDATA[authentication]]></fieldDescription>
</field>
<background>
<band splitType="Stretch"/>
</background>
<pageHeader>
<band splitType="Stretch"/>
</pageHeader>
<detail>
<band height="352">
<line>
<reportElement positionType="FixRelativeToBottom" x="-20" y="110" width="551" height="1" uuid="b7dd4853-cf98-4e96-8388-f0ba3269ef57"/>
</line>
<line>
<reportElement positionType="FixRelativeToBottom" x="-20" y="211" width="551" height="1" uuid="dbabfe43-16ab-4c4f-9c86-73519692523a"/>
</line>
<staticText>
<reportElement x="0" y="20" width="288" height="30" uuid="6906ae91-f112-4073-ae81-9b27dcc2b72b"/>
<textElement>
<font isBold="true"/>
</textElement>
<text><![CDATA[Gesteckte Karten(Mandat > Terminal < Karte): ]]></text>
</staticText>
<staticText>
<reportElement x="0" y="0" width="278" height="20" uuid="42a1543f-f2ac-4a42-9331-b3eca5690b9c"/>
<textElement>
<font size="14" isBold="true"/>
</textElement>
<text><![CDATA[Schritt1: Karte Stecken
]]></text>
</staticText>
<staticText>
<reportElement x="0" y="80" width="180" height="20" uuid="ff671021-bef7-4cfa-b925-573a21971feb"/>
<textElement>
<font isBold="true"/>
</textElement>
<text><![CDATA[Prüfungsergebnis zu Schritt: ]]></text>
</staticText>
<staticText>
<reportElement x="0" y="178" width="100" height="30" uuid="84495cdb-5498-4622-ac32-082b8c142740"/>
<text><![CDATA[testSteps]]></text>
</staticText>
<staticText>
<reportElement x="0" y="110" width="100" height="30" uuid="67ae3d16-c288-4809-807a-2b5e0a0e474d"/>
<text><![CDATA[Testergebnise: ]]></text>
</staticText>
<textField>
<reportElement x="80" y="110" width="465" height="68" uuid="8cee8a00-83f5-49da-aff4-afc566f853fa"/>
<textFieldExpression><![CDATA[$F{testResult}]]></textFieldExpression>
</textField>
<textField>
<reportElement x="80" y="182" width="465" height="30" uuid="6d909ecc-2828-40af-a40f-81a3d994db0c"/>
<textFieldExpression><![CDATA[$F{testSteps}]]></textFieldExpression>
</textField>
</band>
</detail>
<summary>
<band splitType="Stretch"/>
</summary>
</jasperReport>
I hope that somebody can help me with that....
Greetings: Raffaela
you are using an XML-File as datasource for both reports. For the subreport to show data you have to give it the exact datasource through the datasource expression instead of the connection expression. The subreport does not locate the xml file on your filesystem.
Go to the subreport properties and empty the field "Connection Expression". Then fill the Datasource Expression with
((net.sf.jasperreports.engine.data.JRXmlDataSource) $P{REPORT_DATA_SOURCE}).dataSource("//")
You seem to have an empty query string to your XML file so no xpath query string is needed. This solution should work for Jasperstudio 6.x.
Another solution could be to pass the $P{XML_DATA_DOCUMENT} parameter to the supreport using the parameters button.

How set Stacked="true" column chart telerik

I have a column chart, so I would like to chart the values last columns show stacked values.
I am using the RadHtmlChart Telerik, but setting parameter tacked="true" in the last columns, but the result its wrong the chart is not stacked, if i set this attribute in the first line serie, the chart is stacked. This my code:
<telerik:RadHtmlChart ID="Chart" runat="server" Width="680" Height="500">
<PlotArea>
<XAxis>
<LabelsAppearance>
<TextStyle Color="white" FontFamily="Arial" FontSize="13" />
</LabelsAppearance>
</XAxis>
<YAxis Step="5000000" MinValue="0" >
<LabelsAppearance DataFormatString="${0:0,0}">
<TextStyle Color="white" FontFamily="Arial" FontSize="12" />
</LabelsAppearance>
</YAxis>
<Series>
<telerik:ColumnSeries Name="Garantías Vigentes">
<LabelsAppearance Position="Center" DataFormatString="${0:0,0}" >
<TextStyle Color="Black" FontFamily="Arial" Bold="True" FontSize="18" />
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="#87cb50"></FillStyle>
</Appearance>
<SeriesItems>
</SeriesItems>
</telerik:ColumnSeries>
<telerik:ColumnSeries Name="Saldo Vigente" Stacked="true">
<LabelsAppearance Position="Center" DataFormatString="${0:0,0}">
<TextStyle Color="Black" FontFamily="Arial" Bold="True" FontSize="18" />
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="#8DB4E2"></FillStyle>
</Appearance>
<SeriesItems>
</SeriesItems>
</telerik:ColumnSeries>
<telerik:ColumnSeries Name="" Stacked="true">
<LabelsAppearance Position="Center" DataFormatString="${0:0,0}">
<TextStyle Color="Black" FontFamily="Arial" Bold="True" FontSize="18" />
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="#8DB4E2"></FillStyle>
</Appearance>
<SeriesItems>
</SeriesItems>
</telerik:ColumnSeries>
</Series>
</PlotArea>
<Legend>
<Appearance Position="Bottom"><TextStyle Color="white" FontFamily="Arial" FontSize="20" Bold="True"/></Appearance>
</Legend>
</telerik:RadHtmlChart>
thanks for yours comments
Read this to see how to use the feature: http://www.telerik.com/help/aspnet-ajax/htmlchart-stacked-series.html.
Read this to see how to get a total in the last series: http://www.telerik.com/forums/need-to-display-grand-total-on-top-of-the-htmlchart-stacked-bars.
Finally I set the property stacked= true in the last column, my code:
<telerik:RadHtmlChart ID="Chart" runat="server" Width="680" Height="500">
<PlotArea>
<XAxis>
<LabelsAppearance>
<TextStyle Color="white" FontFamily="Arial" FontSize="13" />
</LabelsAppearance>
</XAxis>
<YAxis MinValue="0" >
<LabelsAppearance DataFormatString="${0:0,0}">
<TextStyle Color="white" FontFamily="Arial" FontSize="12" />
</LabelsAppearance>
</YAxis>
<Series>
<telerik:ColumnSeries Name="Garantías Vigentes" Stacked="true">
<LabelsAppearance Position="Center" DataFormatString="${0:0,0}">
<TextStyle Color="Black" FontFamily="Arial" Bold="True" FontSize="18" />
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="#87cb50"></FillStyle>
</Appearance>
<SeriesItems>
</SeriesItems>
</telerik:ColumnSeries>
</Series>
<Series>
<telerik:ColumnSeries Name="Saldo Vigente" Stacked="true">
<LabelsAppearance Position="Center" DataFormatString="${0:0,0}">
<TextStyle Color="Black" FontFamily="Arial" Bold="True" FontSize="18" />
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="#8DB4E2"></FillStyle>
</Appearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="0"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:ColumnSeries>
<telerik:ColumnSeries Name="" >
<LabelsAppearance Position="Center" DataFormatString="${0:0,0}">
<TextStyle Color="Black" FontFamily="Arial" Bold="True" FontSize="0" />
</LabelsAppearance>
<Appearance>
<FillStyle BackgroundColor="#1B1A1A"></FillStyle>
</Appearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="0"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:ColumnSeries>
</Series>
</PlotArea>
<Legend>
<Appearance Position="Bottom"><TextStyle Color="white" FontFamily="Arial" FontSize="20" Bold="True"/></Appearance>
</Legend>
</telerik:RadHtmlChart>
the part of code-behind:
Public Sub LoadChart()
Dim salesAuto As Double
Dim lessVig As Double
lessVig = LtlSaldoVigente.Text.ToDouble
salesAuto = CDbl(LtlLine.Text.ToDouble - lessVig * 1000000)
Chart.PlotArea.YAxis.MinorGridLines.Visible = False
Chart.PlotArea.XAxis.MinorGridLines.Visible = False
Dim ColumnSeries1 As ColumnSeries = TryCast(Chart.PlotArea.Series(0), ColumnSeries)
ColumnSeries1.SeriesItems.Add(y:=CDec(LtlValue.Text.ToDouble))
ColumnSeries1.SeriesItems.Add(y:=CDec(0))
Dim ColumnSeries2 As ColumnSeries = TryCast(Chart.PlotArea.Series(1), ColumnSeries)
ColumnSeries2.Stacked = True
ColumnSeries2.SeriesItems.Add(y:=CDec(LtlSaVig.Text.ToDouble * 1000000))
Dim ColumnSeries3 As ColumnSeries = TryCast(Chart.PlotArea.Series(2), ColumnSeries)
ColumnSeries3.SeriesItems.Add(y:=CDec(lessVig))
End Sub
the result:

The query in the jrxml file does not work

I am trying to create reports using JasperReports, but anytime i run the scrip it always reurns an error stating that Invalid content was found starting with element 'queryString', I'm guessing i did not arrange the query in the queryString element
here is the jrxml code
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE jasperReport PUBLIC "//JasperReports//DTD Report Design//EN"
"http://jasperreports.sourceforge.net/dtds/jasperreport.dtd">
<jasperReport name="staff">
<field name="staffId" class="java.lang.String"/>
<field name="firstName" class="java.lang.String"/>
<field name="lastName" class="java.lang.String"/>
<field name="email" class="java.lang.String"/>
<field name="password" class="java.lang.String"/>
<queryString><![CDATA[select * from staff]]>
</queryString>
<pageHeader>
<band height="30">
<staticText>
<reportElement x="0" y="0" width="69" height="24"/>
<textElement verticalAlignment="Bottom"/>
<text>
<![CDATA[Staff ID: ]]>
</text>
</staticText>
<staticText>
<reportElement x="140" y="0" width="69" height="24"/>
<text>
<![CDATA[First Name: ]]>
</text>
</staticText>
<staticText>
<reportElement x="280" y="0" width="69" height="24"/>
<text>
<![CDATA[Last Name: ]]>
</text>
</staticText>
<staticText>
<reportElement x="420" y="0" width="69" height="24"/>
<text>
<![CDATA[Email: ]]>
</text>
</staticText>
<staticText>
<reportElement x="420" y="0" width="69" height="24"/>
<text>
<![CDATA[Password: ]]>
</text>
</staticText>
</band>
</pageHeader>
<detail>
<band height="30">
<textField>
<reportElement x="0" y="0" width="69" height="24"/>
<textFieldExpression class="java.lang.String">
<![CDATA[$F{staffId}]]>
</textFieldExpression>
</textField>
<textField>
<reportElement x="140" y="0" width="69" height="24"/>
<textFieldExpression class="java.lang.String">
<![CDATA[$F{firstName}]]>
</textFieldExpression>
</textField>
<textField>
<reportElement x="280" y="0" width="69" height="24"/>
<textFieldExpression class="java.lang.String">
<![CDATA[$F{lastName}]]>
</textFieldExpression>
</textField>
<textField>
<reportElement x="420" y="0" width="69" height="24"/>
<textFieldExpression class="java.lang.String">
<![CDATA[$F{email}]]>
</textFieldExpression>
</textField>
<textField>
<reportElement x="420" y="0" width="69" height="24"/>
<textFieldExpression class="java.lang.String">
<![CDATA[$F{password}]]>
</textFieldExpression>
</textField>
</band>
</detail>
</jasperReport>
I then removed the Stringquery elemnt and the JasperViewer opend but had no content.
Please have a look Here
I created jrxml file with the help of ireports designer 4.8 and query is part of this file and same report file work with java code as well .

Resources