I read the article on adjusting height of text box on SuiteAnswers. However, it doesn't seem to work for me. When I took a field that was text area (I also tried it with long text), and made the width 75, nothing changed in my online form. When I changed the height to 5, this did change. I looked at the HTML for the text area and it shows cols = "-1" and rows = "5". Rows changed with height (expected), but cols never changed. I tested this with various numbers etc.
Anyone else notice this? Am I doing something wrong? How can I change the width of a text area in an Online Form?
The document you linked says that you can set the width on the Display tab of the custom field but like you, I couldn't get this to work.
There's a note that says the value is overridden at Setup -> Support -> Online Case Forms. There is a Width column here and changing this value worked for me for both height and width.
The document says it's for Online Case Forms but I found that setting the width in an Online Customer Form worked as well (Setup -> Marketing -> Online Customer Forms).
Related
The Goal
I want to have a v-data-table that is editable and looks "nice".
The problem
Adding a v-text-field to make it editable also increases the row-height to a very eye unpleasing level
Original view:
With v-text-field inputs
The quesion
How can I decrease the row height to resemble the one without v-text-fields.
As a Bonus
Because I am quite new to this whole Front-End-Development-Kind-Of-Thing, how would I go about it identifying what is causing this "height issue"?
PS: I've tried to add a JSFiddle but I cant even seem to be unable to figure out how to display the v-data-table correctly...
The basic draft can be found here
Is it necessary for your table to be editable within the columns? How do you decide when to pass data back via request to your Backend? After the user left a field?
If it is not necessary to have the edit option within the table, I would just use the action buttons you already have in your table to trigger a modal in which you can edit the fields. This also allows you to have proper form control before a user can submit a request. There is also a Vuetify Codepen with an example how to do this Codepen
If it is necessary you should implement the v-data-table as v-data-iterator which is essentially the same functionality-wise, but allows for complete control over the look. https://vuetifyjs.com/en/components/data-iterators/
As to how to identify the problem with the v-text-field height you have to use your browser dev tools. You would then realise that the input has default paddings and margins but also a whole lot under the hood. It e.g. allocates space for error messages to pop up and for a label to go above the field.
And how to fix your JSfiddle you can read in the getting started section of the vuetify documentation under CDN https://vuetifyjs.com/en/getting-started/installation/#usage-with-cdn.
you can use the "dense" property for Lower height of v-data-table inputs
https://vuetifyjs.com/en/components/data-tables/#dense
I am using SSRS extension on Visual Studio 2019. While generating report and trying to see how final report would look like in preview mode parts of data are missing. I have looked this issue online and have come across solution to shrink width of the columns, however this makes my report look too shrink and it requires further formating when exported to excel. Is there any way to fix this issue so I could adjust column width to the size needed? I have tried to look for solution o this online, however couldn't find thread with answer that would help in this case.
Data types I use:
StudentName - nvarchar(50)
Marks - nvarchar(50)
Gender - float
Alignment:
First row (Example report of students) - Horizontal: Center, Vertical: Default
In any other cells it is Default.
Also padding is set to 2pt for every element and direction.
photo with adjusted column width - this is the width I would like to achieve, however data dissapears when width is enlarged
photo with shrunk columns - this table contains all correct data, however columns don't have correct width (data dissappears when column width is changed)
Below is photo of my dataset in query designer view:
This is the example of output I get when column width is changed data missing, empty row in between.
Photo of table in design view
I have experienced this a number of times and I just found what appears to be the solution while investigating somebody else's solution. They said to change the font size from 10 to 11 and Hey Presto, everything shows up.
While I was checking out the fonts, I noticed that some columns (not all columns were blank) had changed the Font from Arial to SegoeUI. I have never used SegoeUI so can only think of a misplaced mouse click or something.
Anyway I changed all the fonts back to Arial (and left the size at 10) and all my data was visible again.
I use a Hide/Show .js script that hides some checkboxes and on the right side there is the search field when I click to hide it I want to expand.
Ex.
Before hidding:
Before hidding Image
After hidding I want the search field to be expanded 100%
After hidding Image
I searched for 2 days something and can't find a way to make it expand I use the bTemplate engine to store the HTML code.
Did you try changing the CSS properties through the "setAttribute" method of the elements in question through Javascript? Basically, the code you used to "hide some of the checkboxes" in the first place is pretty much like how you'd write the code to do the other things you're looking to do.
In other words, When you want the checkboxes out of view and the text entry box centered, as in your second reference pic, you could have the Javascript code written through the "setAttribute" method so that when a particular event happens, the css "display" parameter for the check boxes could be set to "hidden", the size of the text entry box can be increased, and the css "position" parameter for the text entry box can be set to have it centered, etc.
That is, of course if I understand your issue correctly. Can you provide the code you are using? I'm sure me or someone else could clarify things more if we could see what you have written.
Hope that helps at least a little! :)
I am new to VB6 development (I understand it is pretty outdated. But maintaining legacy code).
My question is - is it possible to dynamically adjust the width of a Tab based on it's Caption length (i.e. dynamically flexing the width of the tab)?
Example: My English text for a tab contains 10 characters, but French equivalent text contains like 15-20 characters. Would it be possible to accommodate text in the tab without having empty spaces on either sides of the text in both English and French?
Right click on the ssTab control and select properties. Under the General tab, select ssStylePropertyPage from the Style: drop down and NOT ssStyleTabbedDialog.
This will automatically adjust the size of the caption of all tabs based on the length of their captions.
The TabMaxWidth property is ignored when this is selected.
I'm new on this particular project, and I've been tasked with resolving an issue that's appearing in IE8.
If you check http://funds.ft.com/ETFHomepage.aspx, There's a section called "News". In that section, there's a column called "Most Popular ETFs". This should be the same width as the "Recently Viewed ETFs" column.
For reference, this page is appearing correctly in Firefox. Can somebody please point out what I can do with CSS or (some other means)* to resolve this?
*I know the best way to resolve this issue is to scrap the terrible design and implement it correctly!! :-) -- we're actually doing that right now. It's a big job, so it's taking a long time. In the mean time however, we have to fix the bugs as they appear. Thanks
Update: just to note what I've said to Hristo, "I think the problem is with the table (rather, nested tables) on the left. The table in the center has its width defined by the image, and the table on the right doesn't have an image so it gets crushed"
Well the reason this is happening is because of the url you have under the "Alphaville: Overcoming the Volcker rule, with ETFs" header. Since the url has no whitespace in it, the table tries to give it space. So there are a couple of ways to fix this problem:
Plain text urls aren't very becoming on a webpage (especially when they're not in anchor tags so you can click on them.) Could you update the content so that you don't have a raw url in your content?
If you must be able to handle long lines of text with no whitespace then you need to figure out how to change the layout of the page so it forces the text to either wrap or clip to fit the container. Try playing around with putting "table-layout: fixed" on your tables to force the column widths to be sized based on the table's specifications only (instead of content). Firefox seems to be wrapping on dashes and slashes in the url whereas IE only wants to wrap on the dashes in the url.
I would say your layout is fine, and you just need to fix the content generation so it doesn't include any long plain text urls (option 1 above)
EDIT: If you do decide to go with option 2 above, then look into the css rule "word-break: break-all". It is IE only and it forces the text to break as soon as it reaches the end of the container. Not good for words, but it works for url's. So you couldn't apply this to the whole news table, but you could to just the cell that contains the url.