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;
}
Related
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.
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 would like to scale an image that is saved in Shared Components so that the right side of it is exactly on the right end of the screen.
How is that possible?
I am using Oracle APEX 5.1.
I am assuming you are displaying the image in a Display Image page item.
In the item properties, under Advanced, set the Custom Attributes property to:
style="width: 100%"
This screenshot shows two Display Image items based on the same small picture (held as a static application file). The second has the style property:
See my demo page on apex.oracle.com
Alternatively, this could be done using CSS defined in a file or in page inline CSS like this:
#P123_MY_IMAGE_ITEM {
width: 100%;
}
Or you could set the item's CSS Classes property to e.g. "full-width" and define the CSS as:
.full-width {
width: 100%;
}
This is probably the best option if you will do this to many images.
I'd like to have a NavigationPage using xamarin forms (iOS and Android), with a footer (footer would be static when the pages move inside the NavigationPage), this footer is NOT a toolbar, I'd like it to be fuly customisable (StackPanel).
On a higher stand point, it means having a Page inside an other page.
I see several approachs, that all needs custom renderer :
Create a custom "ContentPage", with stacked in it a NavigationPage and a StackLayout for the footer...
Customize the NavigationPage itself to display the footer...
Something else ?
Is it even possible ? What would be the best approach ? Did someone succeded to do that ?
PS : I came acrosse this thread that almost achieve this : http://forums.xamarin.com/discussion/36897/put-a-page-inside-another-page#latest
Thx
This can definitely be done, but not by putting a ContentPage in a ContentPage. You never really want to have a ContentPage inside a ContentPage unless it's a Navigation/MasterDetail/Tabbed page, eg A ContentPage can go in TabbedPage. It might be possible but it's not standard probably come back to bite you in the future.
There's a few options:
Have the footer on every content page, you could do this via
inheritance which you could do with a Grid or other various layouts.
The good part about this is that you don't need a custom renderer
but it might not look the best when moving between pages.
Rethink you UI so you don't need to do it exactly this way, is there
an easier way to get the same affect but staying within the
Xamarin.Forms controls? - 'Dont fight the framework'.
Build a custom Navigation Renderer which has the view at the bottom with this you could have the footer be static between page transitions. But it wouldn't be as easy to implement as you would need a Custom Renderer, you would also need to know Xamarin.Forms, Xamarin.iOS and Xamarin.Android fairly well. *note you might also be able to do this with MessageCentre.
All those are possible, it's up to you in which to implement, depending on your personal time/knowledge/budget etc.
Thanks
I’m trying to display the menu title text (example “Home”) in the header area of my Joomla 2.5 website.
Joomla’s default (when activated) is to place it in the Component area.
I’m not sure the best way to accomplish this. By default Joomla wraps the menu title with an H1 tag but doesn’t wrap it with a div and class.
The ways I’ve thought might be best to do this are:
Somehow wrap all menu titles with a div and class so I could reposition them up into the header with css .
Add some php code to my template. Something like:
php
$menuTitle = $this->params->get(‘fieldNameOfMenuTitle’);
php
echo = $menuTitle;
Any ideas, suggestions, or answers would greatly appreciated
Thanks
Never found an exact answer but found a work around.
Used a modified version of the below demo/plug-in to create a custom field (named it: "Title that displays on the Web Page") in the articles menu. By default, the table that is created and displayed in the web page is in the component area and is wrapped in a w/ a class. Repositioned the with CSS up into the header/banner area.
http://docs.joomla.org/Adding_custom_fields_to_the_article_component