How do I remove the "Release" footer at the bottom of the Oracle APEX template? I can't see it in the Global page, or anywhere obvious in the page templates or user interface attributes (Shared Components).
Footer is defined in page templates.
You would need to remove html footer from template body, make sure to remove it from any page template you are using.
Otherwise you could use css to hide it.
EDIT for clarity:
To edit the template for a page, you can do that either under Shared Components or on the page itself.
While editing the page, there's 2 places you could look (I'm assuming Apex 22 at this point):
on the left side, find Templates > Page. Expand Page, and right-click the name below it (maybe "Standard"). Click Edit.
on the right side under Appearance, find the "Page Template" value. Click the ">" icon to select the template, then click "Edit Component".
Both of those options will take you to the same place as Shared Components > Templates > [the name of your page template]
On that page, you're looking for the HTML <footer> tags, which are usually in the Body section of the template. To remove the app version, look for substitution variable #APP_VERSION# and delete it.
Note that if your page template is part of a theme which is subscribed to Standard Theme, it will be read-only, and you won't see a Save button at the top. You would need to either (a) copy it to a new custom theme, and then change your application to use that theme instead, or (b) unsubscribe your theme from the Standard Theme - this will make it read-write, but prevent it from receiving any Oracle updates to the Standard Theme. This is outside the scope of the current question, but please see the documentation
CSS to remove footer:
.t-Footer{
display: none;
}
Other commands to remove parts of footer:
.t-Footer-top{
Display: none !important;
}
.t-Footer-srMode{
Display: none !important;
}
.t-Footer-version{
Display: none !important;
}
.t-Footer-apex{
Display:none !important;
}
not sure if "!important" is needed
Go to your page template and remove it or add it as css
footer{display:none!important}
And voila.
Related
".ngx-datatable datatable-header{
overflow: visible !important;
}
.ngx-datatable {
overflow: visible !important;
}"
I have two ngx datatables in two different pages,And I set customized filter in one datatable header by an filter icon, Problem is the dropdown of onclick of icon is cutting the dropdown,for that I googled and got to know that its an CSS issue and can be handled. So i written the following in my Angular SCSS file for one component related.
Using this working but impacting on other ngx datatables.
Help or suggest me any one on this.
Aren't they both having separate CSS files? If that is the case, it shouldn't be affecting one another. If they are both having the same CSS file as the style sheet, provide an ID to each table and provide the same id in the CSS as well, so that the specified style gets added only to that Id.
Once you specify the ngx-datatable styles under the respective Id's, it should work.
Let me know if it worked.
Using ckeditor in Drupal 8. The dropdown menu itself is too small and short and the type inside is too large. How can I actually change the formatting of the Styles dropdown menu itself?
I'm not sure if you need to do anything special inside Drupal 8 however from CKEditor point of view you need to change CSS classes responsible for dropdowns.
Below are classess used by dropdowns in CKEditor 4.x for default skin.
Dropdown buttons on toolbar:
.cke_combo__font .cke_combo_text
.cke_combo__fontsize .cke_combo_text
.cke_combo__format .cke_combo_text
.cke_combo__style .cke_combo_text
Dropdown panels:
.cke_combopanel__font
.cke_combopanel__fontsize
.cke_combopanel__format
.cke_combopanel__styles
To resize editor droprown button and panel for e.g. Format, please add the following rules in your page CSS file:
.cke_combo__format .cke_combo_text{
width:150px !important;
}
.cke_combopanel__format {
width:250px !important;
}
Since Toolbar is a part of main page, these rules can be included in head section of your HTML page, can be put in external CSS file which is then imported to your HTML page (with the help of link tag) or can be added in editor CSS skin files directly e.g. in editor.css although that last method will be problematic in case of editor upgrades so I don't recommend it.
Drupal 8 / 9: You can define a stylesheet for CKEditor in your (Admin-)Theme to override the appearance of the editor.
First add a new CSS-file (e.g. css/ckeditor-override.css) to your admin-theme.
Add the following line to your admin-(sub)theme's info-file (e.g. myadmintheme.info.yml):
ckeditor_stylesheets:
- css/ckeditor-override.css
Then you can change the appearance of the editors – see hints of j.swiderski answer – for example:
.cke_combopanel {
width:200px !important;
}
.cke_panel_list .mystyle {
font-size: 1em !important;
}
If your stylings do not work, have a look into your theme: Maybe it styles the editor, too, and overrides your stylings?
Some themes – like "Gin" – make it easy and provide a css-file for custom overrides. Then simply put your style-overrides for the editor there.
If you don't want to create a subtheme you can try Asset Injector-Module.
I want to modify the "Format" dropdown for CKEditor within Mura, because I don't like the way Mura renames the headings. For example, an <h2> element is renamed to "Heading", and an <h3> element is renamed to "Heading 2". I get why they did this, because the <h1> is reserved for the page title, but it's confusing for content editors and accessibility.
I want to remove this renaming feature.
I believe the naming being used (like "Heading 1") is part of the CKEditor itself (reference).
As far as which HTML tag is actually used for those formats, Mura allows you to customize that. Look at the contentRenderer.cfc file under your theme's folder. Within that file they are setting variables that are used to customize the editor and page layouts. Specifically this section (reference):
// The following settings allow developers to change logical page structure.
// For example, some developers prefer H1 tags for their page titles,
// some prefer H2 tags - you can adjust this here:
this.headline='h2';
this.subHead1='h3';
this.subHead2='h4';
this.subHead3='h5';
this.subHead4='h6';
I'm not 100% sure but I think those settings are also used within the CKEditor in Mura.
I have created a .jsf page containing one panel tabbed component. The outcome is attached .
Could anyone please tell me how to customise the panel tabbed to get the following structure? i need to increase the width of show detail items in the tabbed layout(Only the headers are needed))
You'll need to use CSS to customize the look-and-feel of your page.
You could do this by either using the style property or you could build an ADF skin.
See Oracle's documentation:
http://docs.oracle.com/cd/E16764_01/web.1111/b31973/af_skin.htm
I assume you know how to create ADF Skin. You can use this css to increase tabWidth of panelTabbed
af|panelTabbed::tab-content {
width: 200px;
}
This should be easy, but I'm not getting any useful results.
www.wilfrednewman.com
I'm trying to edit the menu and keep it on one line. Either forced one line or edit the spacing on my own.
I changed a bunch of margin/padding settings for the ul(got the ul name from top.phtml, then changed skin/frontend/default/blanco/css/menu1.css, but it isn't changing anything.
Using blanco theme. Any ideas to get me started?
Thanks!
Edit: Had to change the name to 'STORE' so it would show up on the same line for the time being. But if I change it to Online Store, instead of pushing the menu items closer together it defaults to two lines!
It looks like you just need #nav > li{padding:8px 15px;} in menu1.css. Change the 15px value up or down to tune the spacing.
If it isn't making any difference check that the CSS file is not cached anywhere (from Magento back-end right through to your browser).