I have an Interactive Report with multiple saved reports. For the Primary Report, I want to hide the information bar that indicates highlight filter "Errors Found" is active, as it just takes up space, and the users would not need to disable it:
I used the debugger to get the div class and ID, but I don't know where I can put the CSS to set that ID to hidden; here is the div and ID, and the display: none code I inserted via the debugger to hide that area:
So I want to add to that division/id
style="display: none;"
I don't know how/where to put that code in my page definition to hide that division/ID.
Try to use the class in that div to do this, like
.a-MediaBlock.a-IRR-controlsContainer.a-Collapsible.is-collapsed {
display: none !important;
}
I think ID can change in a update of the application, but you can use id too:
div#R91.._control_panel {
display: none !important;
}
put this code in page properties --> css inline.
Related
Following the guide at https://www.youtube.com/watch?v=fJSUs0bTPMc I can add a "red-text" class to the text side of the block and, using the Customize --> Additional CSS page watch the changes applied live.
This does not work, however, for the image. I just want to apply rounded corners, which should be as simple as .my-rounded-image { border-radius: 30px; }, but it is not.
More specifically:
Add "red-text" to Advanced --> Additional CSS Classes for one of the paragraph blocks on the text side.
Add "my-rounded-image" to Advanced --> Additional CSS Classes for the image side
Publish page, View page, Customize Page
Go to Additional CSS in Customize view
Add .red-text { color:red; } and see it updated on the paragraph previously modified
???? Cannot get anything applied to image
I have tried this with a normal image block without success as well.
You need to add overflow: hidden; as well:
.wp-block-media-text__media {
border-radius: 30px;
overflow: hidden;
}
In my html webpage I insert an iframe
but in this iframe bottom show a div which's class name mobile-desktop-link
So you want to hide the "view web version" link? Alright, than you can use this:
.mobile-desktop-link a.home-link { display: none; }
Add this to your stylesheet and you are ready to go. Of course this is only possible if the iFrame is on your domain. If you have tried the snippet I shared here above, with or without !important statement and it did not work? Well than, you can't remove it.
Currently I am working on RadCalendar. My requirement is Calendar has to be started from current month and we should have only NEXT navigation button. When user navigates to next month, then the PREV navigation icon had to be displayed along with NEXT navigation icon.
How can I achieve this????
For test purpose I created a TelerikStyle.css and placed the below code:
BODY
{
margin: 0px;
padding-left: 0px;
font-size: 32px;
font-family: Arial;
}
.MyRadCalendar .rcTitlebar a.rcPrev
.MyRadCalendar .rcTitlebar a.rcFastPrev,
.MyRadCalendar .rcTitlebar a.rcNext,
.MyRadCalendar .rcTitlebar a.rcFastNext
{
visibility: hidden;
}
And I am creating this Radcalendar dynamically. So I tried to attach to apply this CSS Styles to Radcalender through below way.
_myCalendar.CssFile = "~/stylesheets/TelerikStyle.css";
_myCalendar.TitleStyle.CssClass = "rcTitlebar";
But my navigation buttons are not hiding. So please tell me how to apply CSS Styles for Radcalender dynamically. And How to achieve my above requirement?
Each of the Telerik Skins actually have a minimum height and width setting for the RadCalendar in order to ensure that the visual styles of the control are not broken.
As you can imagine modifying the width and height to arbitrary settings could skew the look and feel of the control quite a bit.
What you can do, however, is either modify one of the existing skins or create your own.
This section http://www.telerik.com/help/aspnet-ajax/calendar-custom-skin.html in their online documentation covers how to change the appearance, and the specific article covers how to create a custom skin.
Thanks
AB
I setup a static html landing page; displays perfectly in Chorme, Safari, and Firefox. However, I cannot get the embeded MailChimp contact form name and email fields to display when I use the zoom property; as soon as I remove it, the inputs show up too large and out of place which is why I used the zoom property in the first place.
Why would this cause an error? Is there anyway to rememdy this odd problem?
url: http://comingsoon.veteranbrewingcompany.com/
TIA
You really need to address why the form is so large. Various styles are causing it to be so, such as
#mc_embed_signup .mc-field-group input {
font-size: 40px;
}
#mc_embed_signup .button {
background: url("http://themicroscopeguy.com/wp-content/uploads/2013/05/submit2.png");
width: 207px;
height: 92px;
}
So, you have big font sizes set, and the submit button is quite a large image. You can address all that via CSS. You don't need an image for the subbmit button, as you can easily style a normal button with CSS.
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.