Is there a quick way to increase the width of Pop-up Item in Oracle Apex.
I dont know if APEX 4.1 (you should really update to at least 5) has those options.
But the newest one offers the "Width" option under "Appearance" where you can select the amount of characters the field will be wide.
If you want to change the size of the popup window, there is the "Popup Width" property under "Settings".
If none of these options are what you want, or they are not available for your version, you can also just use CSS and change the width of the popup manually like this:
.myPopUpClass {
width: 300px;
}
Try setting the Attributes parameter for the modal Page (Page Attributes) to width="300px"
style="width:350px;" by entering into HTML Form Element Attributes
Related
I had an Inline Dialogue region with a page item being a Popup LOV. I needed to be able to select multiple values and be able to manually add more. But once I switched on multi-select the input field contracted to max-width 4px, the only way I found to fix that was to set the item to Stretch Form Item on and have it stretch out. But now came another problem. Now the manual entry was weird, you could only click on the first 4px(or the 4px after the last value if there were already values in there), and text you were writing was not visible until you stopped writing and clicked away.
So I was wondering how to fix this.
Running on APEX 19.2 btw, maybe this gets fixed in next versions
I found that if I hadnt set the Stretch Form Item parameter, max-width was set to 4px no matter what else I tried. If I did set it though, then flex-grow was set to 0.
So I just had the js that shows the Inline Dialogue fix this with a simple js command:
apex.item("P1_LOV").node.style.flexGrow = 60;
Its a simple fix, but it took me a bit to figure out so I wanted to show the answer here in case it helps anyone else
How to adjust the font,font color and font size over a particular region in oracle apex? I tried to find a particular option to adjust but failed. Do i need to use javascript or CSS for adjustment of this type ?
It will be better if you use CSS style. You can write your CSS in page designers CSS sections inline field for related region. If you click on specific region in page designer, you can find Custom Attribute field under Advance section. You can put your CSS there either. Hope this helps.
I have a "Slide Show" control and I'd like to remove the first "X" button in the tool bar of the control. I have checked .ascx and .ascx.cs file to see if there is any related code, but nothing.
I think these buttons are from Core DB and I don't know where I can remove or hide this "X" button in Sitecore.
Could you help me, please?
Find Slide Show sublayout in your Sitecore tree.
Scroll to Editor Options section and remove Delete from the Page Editor Buttons field.
To enable horizontal scrollbars in a table I need to style the containing DIV with "overflow: auto", highlighted in blue.
I tried it with FireBug and got the desired result. Just can't figure out out how to put the setting into APEX.
Using the theme "Blue Responsive".
I've played with this a bit in Apex 4.2.2, it should work the same in 4.2.1 I think. That particular div doesn't come from any template but you can target it with some CSS.
In the page properties, for CSS Inline, I entered the following and it seemed to work:
#report_2583625959157728_catch {overflow:auto}
(I think I've transcribed the correct id from your screenshot - you may need to check)
Unfortunately this means you'd have to do this for each report in your application individually where you want the scrollbar to appear.
Note: I haven't tested this in IE, however - last time I was mucking around with scrolling areas I found it incredibly frustrating to get it working in IE without breaking other functionality in the region - especially for Interactive reports.
You can add to Region Header:
<div style="overflow:auto;">
and to Region Footer
</div>
You can also add your css line to a report region template, if you want the scrollbar to be added to each report.
Other wise you're better of putting the overflow on a class and add it to your application's stylesheet, eg:
.myClass {overflow:auto}
you get more flexibilty to style your region this way. You can add the class to your report by setting the region attributes to class="myClass".
Note that instead of "auto", you can also try to use the element option "scroll", check the w3schools docs: http://www.w3schools.com/cssref/pr_pos_overflow.asp
I have following arrangement of placeholders in the site.
top-placeholder
bottom-placeholder
Here top-placeholder will hold a sublayout displaying the Image and bottom-placeholder showing some navigation links in the site. Here in the edit mode, whenever I delete the sublayout shown in the top-placeholder the navigation in the bottom-placeholder moves top and after this I can't edit further and also can't insert the image again in the top-placeholder as I don't see the top-placeholder again.
Please let me know if I am missing any setting or what could be the issue for shifting of sublayout containing navigation links and not allowing me to edit/insert image again.
It looks like after you remove the sublayout from your top-placeholder, it is collapsed as there is no content inside and there are no css styles that would set some minimum height and width for this placeholder. That's why you can not select it to add new sublayouts.
Try to add some additional css styles that will be displayed only in page editor editing mode ( Sitecore.Context.PageMode.IsPageEditorEditing ) that will set the minimum height and width of the top-placeholder.