I've a problem while using BIRT report developed tool, the value in parameter is not fully shown. The parameter is display from a dataset (just a simple select statement), the output is correct, just the the dropdown list not fully display the value.
The example below actually is a list of value, but some of the value is very long, the parameter cannot fully display it.
Hope someone can help me or give me some idea to solve this, thanks!
This is a CSS rule. You can't make the width of a combobox dynamic depending on the content of select items, but it can be adjusted for your requirements.
Edit this file: [birt viewer home]/webcontent/styles/style.css
And increase "width" attribute as you like, for example set it to 350px.
.birtviewer_parameter_dialog_Select {
font: Verdana;
font-size: 8pt;
width: 250px;
}
You might have to restart your Eclipse or Application server to take it into consideration, and clear your web-browser caches.
Related
I am working with Angular 7.
I am facing a problem in setting the z-index to the list of the user that are coming with auto-suggestion.
I am using a text box in which if I type # then it will give suggestion for all the available users.
for this functionality, I am using Angular mention directives but I am not able to set z-index when all users are coming.
I want to set up z-index to the coming user's list so that it should not hide. it should come and show the complete list.
below is my code that I am using for auto-suggestion with Angular mention directives.
<textarea #cName cols="30" [mention]="items" [mentionConfig]="{ labelKey:'name'}" rows="1" style="z-index: 1 !important"></textarea>
css file:
textarea {
border-radius: 8px;
}
with the above code, it is giving the following result attached in the below image.
So in the above image, we can see that the list is hiding behind the accordion but I want to see the complete list of the users.in the code, I have applied z-index in the styles but it is not working.
can anyone help me to come out of this problem?
Thanks in Advance.
I have posted another similar problem yesterday. Here's the link.
Now I ran into a different problem. Under a rich-column of an extended data-table, I have added another 2 rich-datables. One table for the header, the other table for the table-data. All these were done to make sure our design doesn't get changed.
Now, coming to the problem, you can see the attached image down. [Intended Page Rendering][2]. This is what I need. But when the page loads, I generally get something like this [Actual Page rendering][3].
After looking through the generated HTML code, I can get the desired output by deselecting the background-color property of the rf-dt class. See the third image below.
[Generated HTML -code][4] - this shows by deselecting the background-color property of rf-dt class, I can achieve my purpose. But when I go to actual code and try to put the changes its not working... I tried to put this in the CSS class
.shipmentBrowseTable .rf-dt {
background-color: none;
}
where shipmentBrowseTable is the styleclass for outer Extended-data-table - the same styleclass used for inner data-table too.
The above code is not giving me the intended result. If someone can help me with this, it would be great.
.shipmentBrowseTable .rf-dt {
background-color: none !important;
}
the !important tag should override most styles
I work on a RCP-application and use the eclipse-css-feature too change the overall font of the application. But when used, the table-elements in the main-perspective does not adapt to the changes. In createPartControl(Composite) the table is filled with content and TableColumn.pack() is called on each one. Before I changed the overall font to Verdana 9px columns always were large enough to hold their content, e.g. "My very long text that is long". Now, however, the columns only display "My very long text that i...". Re-setting the content of the table (clear, fill and pack()) during the setFocus()-function seems to be working, but it also is a pretty bad workaround. Also, this does not solve the problem that I have to wait for the first click to do this.
How do I get my application to pack() table-columns properly on startup?
This is my css:
* {
font: Verdana 8px;
background-color: White;
}
The problem is that the CSS styles are not applied until the SWT.Skin event is generated after the controls are created.
So you need to run your pack after that event. One way to do that is to use Display.asyncExec to run your pack code after the createPartControl has completed. The asyncExec Runnable should then run after the SWT.Skin.
Alternatively you can get the CSS styling engine and force the styling to happen. In a 3.x compatibility view/editor use:
IStylingEngine engine = getSite().getService(IStylingEngine.class);
engine.style(control);
I should preface this by saying I'm a complete beginner in the world of editing CSS, so I apologize if this is very simple. I've been editing reports I've built in MicroStrategy 9.4, but we recently upgraded to 10.1. Before the upgrade, I was able to look at lines of the HTML, such as
<div ty="dsec" id="K1" scriptclass="mstrDocSectionImpl" name="K1" class="mstrDocSection">
and make minor edits. An example would be something like
<style>
#K1{
height:130px;
}
</style>
to just make a simple height change for a section. I could paste that Style change into an HTML container, which would effect the report at run time. I believe the K1 refers to an ID. However, after the upgrade, the line has been changed to
<div id="*lK3*kK1*x1*t1454966440926" k="K1" class="mstrmojo-DocSection" style="">
where id="..." changes each time I run it. Since it changes, I do not know of a reliable way to edit that section. The k="K1" does not change, but I'm not sure how to reference this. Any insight you can provide into this is greatly appreciated.
Try using an attribute selector:
[k="K1"] {
height: 150px;
}
Demo JSFiddle
Although this might be a bit more work it looks like the new ID (id="") might be partially static. That is, the asterisks appear to be separators of some kind. If so, you could optionally select on a portion of that ID string that doesn't change. In my example below I'm assuming that data between the second and third asterisk in *lK3*kK1*x1*t1454966440926 doesn't change. If so you could select on that portion of the string.
[id*="kK1"] {
font-size: 5em;
}
Demo JSFiddle
I am trying to override the default widget layout in Dexterity, where label, description, and entry area are on three separate lines:
Name
The person's name
[________________]
I'd like instead to have fields appear in a table with the form:
Name: [_____]
with "The person's name" appearing (if at all) only when someone hovers over the area.
I'm able to override plone.app.z3cform.templates.macros.pt successfully using z3c.jbot; however, changes to the file plone.app.z3cform.templates.widget.pt have no effect I can locate. (See update just below.)
All the templates I find ask each individual widget to render itself, as a single unit with label and descriptive text, AFAICT using a view called ##ploneform-render-widget, but I'm unable to find any page templates associated with that view. Can anyone suggest where such templates would be?
[Update: Note that templates.py in plone.app.z3cform includes the following, which probably means that z3c.bjot is bypassed:
# The widget rendering templates need to be Zope 3 templates
class RenderWidget(ViewMixinForTemplates, BrowserView):
index = ViewPageTemplateFile('templates/widget.pt')
class RenderSingleCheckboxWidget(ViewMixinForTemplates, BrowserView):
index = ViewPageTemplateFile('templates/singlecheckbox.pt')
So, if that is the problem, what must be done to make this compatible with z3c.jbot?]
Thanks.
OK, Martijn Pieters has provided what I'm sure is good advice -- do this using css and perhaps Javascript.
Let me share what has worked for me; hopefully people will point out where I'm using old stuff, where I'm being inappropriate, etc... But this is a starting point:
On my local machine, I create a file named project-css.css with the following contents:
.z3cformInlineValidation {
float: left;
position: relative;
display: inline-block;
background: red;
}
.z3cformInlineValidation label {
float: left;
width: 15em;
background: yellow;
text-align: right;
}
.z3cformInlineValidation div {
display: inline;
}
.z3cformInlineValidation input {
float: left;
background: pink;
}
.z3cformInlineValidation input[class~="int-field"] {
background: purple;
width: 2em;
At least on my browser (not IE), this has the effect of putting input fields (an element of type input inside of an element of class z3cformInlineValidation ) after right aligned labels, at a column beginning about 15 em spaces into whatever box encloses the labels and input fields. The integer input fields, which are marked by zope/plone/z3cform/dexterity/? with the class "int-field," are reduced in size so they don't extend across the box. The "background" attributes are just there to see what's going on, and can be removed.
Go to the zope management interface, select portal_skins, select custom, select "File" from the drop down list near the "Add" button at top right, then click "Add." On the resulting screen, use project-css.css as your "id" and upload the file project-css.css
Go to the zope management interface, select portal_css, scroll to the bottom and fill in the "id" field with project-css.css. Then click "Add".
The CSS will then rearrange all Dexterity default form output, I believe.
To restrict it so that it is only used by my form, I've found a condition statement included in the portal_css for project-css.css like this to work (there are no quotes around the complete expression)
python: request.URL.endswith('end_of_applicable_url')
I'm sure there are more appropriate ways, and I would be grateful if someone would point them out.
As when I last visited Zope/Plone, I find the capabilities tantalizing, but the documentation, while MUCH improved, still seems to leave out one or two of the little magic things that a beginner needs to get rapidly up to speed, probably because they are so obvious to those who use the product on a day to day basis.