The calendar widget is too wide for its column in a liferay site im making. I could fix this with some CSS but its a bit of a pain as you can select different time spans, etc. Im new to liferay so is there a standard way of dealing with width problems for applications?
Thanks
Depending on what version you are using, use the Dock or Dock Bar to select a different Layout Template so that the column you're placing the large application is wider.
By default it is a two column 30/70 (meaning 30% for the first column, and 70% for the second).
Related
I'm playing around a bit with Kendo UI for Angular and can't seem to find an easy way to disable sorting on specific columns of a grid.
There's an allowUnsort in sort-settings.d.ts, but I'm uncertain on how to use this (and this appears to relate to removing sorting afterwards, not from the start).
Or perhaps I'm simply using the grid wrong, that's also possible..
My situation is as follows:
I'm trying to use a grid to display some rows, and depending on the type of data, it should render a different icon in the first column. Also, I'm not using a 'real' header in that column, but replaced it with a button to create a new row.
To get my button in the header, I use a <template kendoGridHeaderTemplate ...>...</template>. This always seems to add a link around the header cell if sortable is enabled, which is what I'm trying to avoid (in some cases).
Is there a way around this?
Setting [sortable]="true" for the Grid component will enable sorting globally. Then you can fine-tune which column has sorting by disabling it per column, i.e [sortable]="false"
Here is a quick example:
http://plnkr.co/edit/hLbzC5jKJwVdMtRmh0cH?p=preview
The textarea-class in JavaFX should give me the option to add rows and columns, but the way I tried didn't work:
TextArea ta = new TextArea();
ta.setPrefRowCount(100);
ta.setPrefColumnCount(100);
I'm searching for columns/rows like in Microsoft Excel, inclusive the gridines.
.setGridLinesVisible(true);
doesn't work for this Type.
For use case similiar to Excel you're actually looking for TableView. Every table cell can contain anything, even another window so it is very flexible.
If you want grid lines on top of TextArea, but want to keep the standard TextArea behavior, you will have to combine the TextArea and TableView in a StackPane.
You will just have to clear the table's background using CSS.
However, matching the row and column sizes with the text will need some additional code.
Apologies for my English.
colums/rows like in Microsoft Excel, inclusive the gridines
TableView as recommended in Michael's answer is likely the right basic solution for.
There are some 3rd party controls you might consider which add some basic spreadsheet like functionality to the base JavaFX TableView control:
SpreadsheetView from the ControlsFX project.
TiwulFX from Panemu.
I have developed a list in SharePoint. While entering new item in it, like name, if I keep on typing it gets spread over a line making the width of cloumn spread over page. I want to limit the width of site column so as the column's value spreads over multiple lines instead of spreading over one. How can I do this setting?
This is not a setting you can configure in SharePoint. You will need to write some custom code using css and possibly javascript that will set the width of the column. You can make a change like this in SharePoint Designer.
You must use min-width (CSS) in your block.
You have to create custom XSLT for this. There you have loop all the column and need to specify the overflow:auto, hidden,.. CSS property. So it automatically get effect based on your internal name of the field.
So whereever you have the field it automatically get affected. If it for one single view you can use JavaScript to achieve this but this is not right way to do.
The data you are entering can be displayed in many ways. Today in a table format, tomorrow in a dropdown etc. You should distinguish between:
limiting the amount of data that can be entered in a site column (can be done in SharePoint alone, when you design your list)
limiting the wrapping of the words in a table cell today or trimming the values in a dropdown tomorrow (can be done using HTML/CSS "nowrap" if you display the list values in a browser app, or differently if you show the values in a WinForms app)
I am using Dreamweaver cs6 to create a fluid layout. When the new document option window first opens it gives you options on the percentages and number of columns for each device. I have done this, but would like to change the percentages and number of columns after the document has been created. Is there a way to change the percentages and column numbers of a fluid layout in Dreamweaver cs6 after the document has been created?
You can edit these values in the css file DW asked you to create:
/*
Dreamweaver Fluid Grid Properties
----------------------------------
dw-num-cols-mobile: 5;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 10;
dw-gutter-percentage: 25;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
*/
After saving, exiting and re-opening your project the columns and gutter percentage will haven been updated.
Dreamweaver CS6: The Missing Manual (https://www.inkling.com/read/dreamweaver-cs6-missing-manual-david-sawyer-mcfarland-1st/chapter-11/fluid-grid-layouts) says:
Unfortunately, once you pick a gutter value, there’s no way to return to this [the "New Fluid Grid Layout"] screen and change it. In fact, since Dreamweaver uses this value to make some complex calculations concerning the columns you insert, there’s no easy way to change this value once you create the layout.
We could perhaps try changing the width and padding numbers in the existing FGL CSS (those numbers Dreamweaver calculated to the fourth decimal upon the file's creation), but it's probably easier just to create a new fluid grid layout style sheet. A more user-friendly solution would be welcome, however.
I had the same problem and i found a simple solution. You create a new fluid grid layout with the changes you wont to make you save it so that it will creat for you the new css and respond.min.js file. You delete all the other new files you created and you keep only the respond.min.js and you replace the old one with the new one and you finished. Oh keep a copy of the old one just to be sure.
I had the same problem and I found a pretty simple solution.
You need to create a new Fluid Grid layout (File - New Fluid Grid Layout), set up the number of columns, widths, and gutters as you want and then save somewhere the new css file. Styles that regulate layout (i.e., widths, margins between columns, and number of columns) are set under .gridContainer so you just need to replace .gridContainer styles in your old fluid layout css file with .gridContainer styles from your new fluid layout css file. Be sure to replace .gridContainer styles for all screen sizes you changed (desktop, table, mobile or all of them).
I am getting started with Android, trying to write a "concentration" game for kids where a screen full of text is separated into buttons, filling the screen (one word per button)
The buttons should wrap to the contained text, so longer words will have longer button widths.
Once a row fills up, the next button should flow to the next row, and so on, until the whole screen is filled with evenly spaced variable width buttons.
The number of rows and number of buttons per row varies based on screen size (and as mentioned, button width)
I could use a vertical linear layout, then insert horizontal linear layouts to contain the row text. However I don't see how to make those widths and number of rows vary based on the screen size and text size.
I presume I need to create my own custom layout, something like FlowLayout in Spring - if so, can you recommend a tutorial for how to do so?
Check android's API Demos
Animation->DefaultLayoutAnimation (for example)
LayoutAnimationsByDefault.java & layout_animations_by_default.xml (for source)
It uses GridLayout and with a bit of modifications of mentioned example, it will be useful for your case..It's flexible, it's available since API Level 14, but it's available trought support/compatibility library or 3rd party library .
Hope this will help.. Cheers ;)