I am working on a Joomla component, which includes hyperlinks. I'd like to include the URLs for the links in the configuration of the component. Therefore I added a
config.xml to the main directory with the form fields for the URLs.
The xml for the fields looks like this:
<field name="url-json" type="url" class="inputUrl" default="http://www.website...&option=A&id=1234" label="COM_CUSTOM_CONFIG_LABEL" description="COM_CUSTOM_CONFIG_DESC" size="50" />
I have multiple URLs and the important part are the query parameters. I set the size to
size="50" but that is overriden by CSS and all the input fields have the same width. This way one can not see the query parameters of the URLs, since the are cut off.
Is there a way to add custom CSS to make the text fields wider?
I already added
class="inputUrl" to the fields, but I don't know where I would add the CSS rules for it. Can I
$document->addStyleDeclaration( $style ); somewhere to load styles just for the config page of my component?