BIRT chart using birt:report tag - birt

I have tried to create charts with birt:viewer tag which displays viewer in iframe. But I want to use birt:report tag which will display inside div. I gone through
http://www.eclipse.org/birt/phoenix/deploy/viewerUsage2.2.php#tags
viewer tag library. Can someone help me with a sample ?

use reportcontainer="div" attribute in birt reporter tag then our charts generate on div

Try this tag
<birt:report id="<%=repoviewid %>" reportDesign="testreport.rptdesign" height="200" format="html" reportContainer="div" scrolling="no"/>

Related

CKEditor component HTML tags applied but not displayed

I am using ReactJS. I am trying to use CKEditor component.
I followed this tutorial.
Heading effect applied to the text.
I confirmed that the <h2> tag was applied to the data in console.log
However, it does not apply to the screen.
The same goes for media wrapped in <figure> . What is wrong?

HTML in vuetify hints

Previously (I thought?) it was possible to put HTML into vuetify hints but for me this is no longer working. For example, in one of my components I have:
<v-checkbox
v-model="create"
label="Nice label"
persistent-hint
hint="<span class="red--text">Red hint</span>"
/>
This hint used to display in red but now I see the full HTML code. Has something changed or am I doing something wrong?
In the Vuetify forum, MajesticPotatoe pointed me towards the bug report https://github.com/vuetifyjs/vuetify/issues/9647. This gave the following slots workaround, which works in my code:
<v-checkbox
v-model="create"
label="Nice label"
persistent-hint
hint="<span class="red--text">Red hint</span>"
>
<template v-slot:message="{ message, key }">
<span v-html="message"></span>
</template>
</v-checkbox>
It seems that this used to work without slots before the patch https://github.com/haggys22/vuetify/commit/f0d5edd7ddf7e01ba057b7f3d14604199b6db68d was merged.
behaviour changed from 1.5.19 to 1.5.20
1.5.19 (and before) treats html tags as expected
1.5.20, 1.5.21 treat html tags as simple text
'hint' is the 'string' type so you can't add HTML tags. Here is the screenshot from documentation: https://prnt.sc/qlag61
So, I think you can apply red color from CSS / SCSS using this class name '.v-messages__message' if you really need red color in hint.

How to add HTML textarea tag into ckeditor widget?

I have HTML textarea. I want to add this HTML tag into ckeditor textarea.
How to add textarea tag into ckeditor widget?
Your question is not fully understandable. From my understanding, I guess you are trying to make your text area into CKEDITOR.
You can use CKEDITOR in different ways. Check the link to get their JS to implement
it.
To make a text area into CKEDITOR simply use this code.
//how you r calling your ckeditor js depends on you. here i am using their cdn.
//and yeah height is optional.
<script src="https://cdn.ckeditor.com/4.10.1/standard/ckeditor.js"></script>
<script type="text/javascript">
CKEDITOR.replace('id_of_textarea', {height: 150});
</script>

ckeditor display <p>Text</p> instead of displaying HTML

Ck-editor is not displaying my content as HTML instead it displaying with HTML tags.
I have initialize ck-editor by below code:
$(document).ready(function() {
CKEDITOR.replace('long_description');
});
Please check form_helper file. May be html_escape will be problematic. Please try by removing this html_escape and let me know if it works.

To Show an tooltip on Image in Mvc3

I'm using asp.net MVC3 and i want to show a table containing information about a course
In that i have a field called "Information" which show an image.
I want to show the a tooltip when the mouse is taken on that image
I'm showing image lik this:
<img id="ok" src="../../Images/info.jpg" alt="tooltip"/>
I dont want to use any added plugin
can anybody help me with this?
Use title as well as alt in the Html tag
<img id="ok" src="../../Images/info.jpg" title="This is your tooltip message"/>
alt attributes on img elements are used as alternate text in case the image does not exist. Some browsers display these as tool tips when hovering over the image, but its not standard.
You could use the title attribute to display a tool tip on hover of the image.
You should always provide an alt attribute when using images, this is best for accessibility (screen readers read the alt text), and will fail XHTML if you don't have the attribute.

Resources