We have a requirement that displaying different information on the page header of odd/even pages. So obviously both should be different height as per the text placement in the page header. We want to know that how to dynamically change the height of the page header.
As of now its taking constant height in page header through out all of the pages.
Yes I have done the so many investigation that we couldnt control the height of the Report header/footer by dynamically as of sql server 2012 version. Height of the report header and footer is constant for all the pages.
The height property of the header does not support expressions, but there is a workaround that may work for you.
You can show or hide text boxes based on an expression.
Use =iif(Globals!PageNumber Mod 2,True,False) for the textboxes you want on the even pages. Use =iif(Globals!PageNumber Mod 2,False,True) for texboxes you want to see on the odd pages.
Related
I have an element in my header of the full sized version of my webpage. However, in the mobile version I want to omit this element and keep the navigation li's centered.
How can I achieve this?
When I put display:none on the element I want to omit, it still behaves as though the elemennt is there, but just not displaying
I would like to make image bigger on an item list in Dynamics Nav 2013. What I could do so far is fetch the image and display it on the list.
To achieve this I call SearchImage function on OnAfterGetRecord :
OnAfterGetRecord()
SearchImage;
SearchImage function :
// C/AL Code
SearchImage()
//MESSAGE('1');
IF xRec."No."<>"No." THEN BEGIN
//MESSAGE('1');
CLEAR(TmpImg_gInit);
TmpImg_gInit.INIT;
//CurrPage.PictBox2.PAGE.SetRec(TmpImg_gInit);
//CurrPage.PictBox3.PAGE.SetRec(TmpImg_gInit);
i := 1;
//MESSAGE(FORMAT(TIME));
TmpImg_gInit.INIT;
TmpImg_gInit.RESET;
TmpImg_gInit.SETCURRENTKEY("Table ID","Document Type","No.","Line No.","Version No.","Picture No.");
TmpImg_gInit.SETRANGE("Table ID",27);
TmpImg_gInit.SETRANGE("Document Type",0);
TmpImg_gInit.SETRANGE("No.","No.");
//TmpImg_g.SETAUTOCALCFIELDS(Picture);
IF TmpImg_gInit.FINDFIRST THEN BEGIN
TmpImg_gInit.CALCFIELDS(Picture);
END;
//MESSAGE(FORMAT(TIME));
REPEAT
TmpImg_gInit.CALCFIELDS(Picture);
i:= i+1;
xRec."No.":="No.";
UNTIL TmpImg_gInit.NEXT = 0;
// CUDiv.SendKey('{F5}');
END;
Then in my list I can add a new field that point to TmpImg_gInit.Picture and this will display the item's image.
The thing is the displayed image is tiny (whereas the source image is big). The image is automatically resized to fit in the list height.
I would like to know how I could display this image bigger. Is there a way to do that easily (without add-ins) ? If not can you give me directions on how to do that ?
You can use a FactBox which will display a larger image on the right hand side of the screen.
However, it will only show the picture of the item that you've selected. For things like product images, this is optimal. E.g. loading lots of hi-res product images can put strain on the users PC.
The image size when inline on a page cannot be changed and are better suited to things like Status icons, e.g. traffic lights.
Custom Control Add-ins
NAV does support modification of the page UI through Control Add-ins. You'll need to create a test project/control that is an image and see whether it will let you expand the height above the set row height.
You can get more information on sizing of Control Add-ins on MSDN.
I am trying to create a masonary style layout using isotope. The layout must be a responsive grid with flexible columns. However each grid item has an hidden text element which opens when the image is clicked. This text will come from wordpress and therefore as an unknown length. I am trying to use the
.isotope("reLayout");
function to reset the layout when the item is toggled however it does not work. If you alter the size of the browser when the text is visible you can see that that the isotope layout kicks back in and gives the desired effect.
I have created a codepen to illustrate my issue. Any help would be appreciated
http://codepen.io/GlynnJohnson/pen/bLBCJ
Thanks
You need top use:
$container.isotope("layout");
Not
$container.isotope("reLayout");
Codepen
I need to dynamically change the header row height of an ng grid, depending on which column headers need to be displayed. Some columns have a very long header and I want the column name to wrap so they don't need to be excessively wide. I also don't want a lot of blank space if I initially set a tall header height, but then don't need the space if those long column names aren't displayed.
The issue is I cannot get the headerRowHeight to dynamically change. It took some time to realize that I cannot even initialize headerRowHeight using a scope variable the same way as the other gridOptions (see line 23).
See plnkr
The reason this doesn't work is that ng-grid uses absolute positioning under the hood. Grid Options are only fired once, and then the heights are set in the html after that using style= on the html dom node. (THIS IS AWFUL!) They even set the style manually on all of the underlying header dom nodes.
The other avenue I thought of was trying to redraw the grid using ngGridLayoutPlugin. I played around with this for 30 minutes with no luck. You could try manually redrawing the page itself. It looks like ng-grid is not very good at redrawing the grid, and they've made optimizations specifically for updating data, but not the styles.
The 3.0 beta unstable release looks like they've made a lot of changes, and you'll be able to do what you're trying to do easier... however, it is not ready for production. See the header cell class conditionals in this example: http://ui-grid.info/docs/#/tutorial/115_headerCellClass
I had a hell of a time trying to get ng-grid styling to do my bidding at my last job. At a certain point, we were ready to toss it because it was too restrictive. Good luck.
Use this in your CSS.
.ui-grid-header-cell-primary-focus {
line-height: 2.428571;
}
How do I specify the default font size for CKEditor. I tried changing contents.css (body -> font-size) and I tried changing config.js (config.fontSize_defaultLabel) without any success. Does anyone know where i should be looking?
You seem to be on the right track with the contents.css file.
Is your problem that the font size while working in the editor is not correct or is it that the font size isn't being carried over to the page where you actually display the content?
As you know, ckeditor/contents.css is the default style sheet that is loaded while working in the editor, but if you use "config.contentsCss" to call another style sheet, contents.css won't be loaded.
You can call multiple style sheets like this:
config.contentsCss = ['/contents.css', '/css/anotherstylesheet.css'];
If the font size isn't being carried over to the actual page display, you'll need to set the font size in the style sheet used for the actual pages, the default font size used in the editor isn't inserted into the content output by the editor.
"config.fontSize_defaultLabel" is a label only, it doesn't have any effect on the content. Normally, when you load the editor, the font size selector will display "Size". If you set "fontSize_defaultLabel", the font size selector will display whatever value you entered.
If you can provide more details about the problem, I'll try to post a more accurate answer.
Be Well,
Joe